1. 程式人生 > >圖片上傳第一次觸發,第二次不觸發的問題

圖片上傳第一次觸發,第二次不觸發的問題

<input type="file" name="file" class="upload__input" @change="change($event)" >


檔案上傳點選一次執行change事件,第二次點選相同的檔案會上傳不成功。

只需要在
change(event){
  執行上傳的程式碼;
let img1 = event.target.files[0];
let type = img1.type; //檔案的型別,判斷是否是圖片
let size = img1.size; //檔案的大小,判斷圖片的大小


let reader = new FileReader();
reader.readAsDataURL(img1); // 讀出 base64
reader.onloadend = function () {
// 圖片的 base64 格式, 可以直接當成 img 的 src 屬性值
var dataURL = reader.result;
}


//重置一遍value,至關重要
event.target.value = '';

};