已解決430363個問題，去搜搜看，總會有你想問的

如何清空input file中的文件

首頁猿問如何清空input file中的文件

如何清空input file中的文件

JavaScript

哆啦的時光機 2018-12-12 13:14:31

如何清空input file中的文件<div class="pic-box"> <input type="file" id="upload" accept="image" @change="upload"> <label for="upload"></label> <span class="add icon-plus"></span></div>需要每上傳一張圖片將圖片放在一個數組里面，但是原來的值中有文件?，F在需要清空file中的文件以后上傳第二章（暫不考慮多文件添加）

查看完整描述

1 回答

千巷貓影

TA貢獻1829條經驗獲得超7個贊

在input的change事件回調中把input的value清空即可

typeof $ === "function" && $("#" + id).change(function () {

var reader = new FileReader();

//讀取文件以數據URI的形式保存在reader的result屬性中

reader.readAsDataURL(this.files[0]);

//獲取圖片大小,以M為單位

var fileSize = Math.round(this.files[0].size / 1024 / 1024);

//獲取圖片大小,以KB為單位

var fileSizeKB = Math.round(this.files[0].size / 1024);

//獲取到圖片后把input框內的圖片刪除,這樣選同一張圖片上傳時才會觸發change事件

$(this).val("");

//上傳圖片的尺寸必需大于200KB

// if (fileSizeKB < 200) {

// return that.alert("請上傳尺寸大于200KB的圖片！");

// }

//在圖片讀取完之前顯示loading,因為手機上圖片讀取和壓縮可能會比較耗時

that.loading("show");

reader.onload = function () {

....

};

})

反對回復 2019-01-18

1 回答
0 關注
3141 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何清空input file中的文件

如何清空input file中的文件

1 回答

添加回答