Vue中文件上傳

　使用餓了么組件進行文件上傳代碼的編寫時，發現里面的demo都是直接上傳，並沒有先傳到本頁面，再點擊按鈕發送到指定服務器的例子

另外，如果直接使用樣例的話，會很明顯的發現，圖片上傳后，顯示的縮略圖會異常的慢！

 

所以打算自己編寫，但是這樣一來，就發現了問題，貌似無法拿到file對象

后來通過查找資料，發現了el-button的:on-change屬性。

通過給:on-change屬性指定事件，我們可以實現對上傳的文件的操作

 

<el-upload
        class="avatar-uploader"
        action="https://jsonplaceholder.typicode.com/posts/"
        :show-file-list="false"
        :on-change="test"
        :on-success="handleAvatarSuccess"
        :before-upload="beforeAvatarUpload">
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>