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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何從輸入文件控件中刪除一個特定的選定文件

如何從輸入文件控件中刪除一個特定的選定文件

暮色呼如 2019-10-19 16:38:45
如何從輸入文件控件中刪除一個特定的選定文件?我有一個輸入文件控件,可以選擇多個文件;但是,我想驗證文件,如果擴展名錯誤,則應該從文件控件本身中刪除該文件,這可能嗎?我嘗試如下<input type="file" name="fileToUpload" id="fileToUpload" multiple/><script> $("#fileToUpload")[0].files[0] </script>以下是該對象的屏幕截圖,但我無法對其進行修改
查看完整描述

3 回答

?
jeck貓

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

我認為我也應該在這里添加評論(我已經在這里回答:JavaScript從FileList刪除要上傳的文件)


我找到了解決方法。完全不需要AJAX進行請求,并且可以將表單發送到服務器?;旧希梢詣摻ㄒ粋€hidden或text輸入,并將其value屬性設置為在處理所選文件后創建的base64字符串。


<input type=hidden value=${base64string} />

您可能會考慮創建多個輸入文件(而不是input text或)的想法hidden。這將無法正常工作,因為我們無法為其分配值。


此方法會將輸入文件包含在發送到數據庫的數據中,并且可以忽略輸入文件:


在后端不考慮該領域;

您可以disabled在序列化表單之前將屬性設置為輸入文件;

發送數據之前,請刪除DOM元素。

當您要刪除文件時,只需獲取元素的索引,然后從DOM中刪除輸入元素(文本或隱藏)。


要求:


您需要編寫邏輯以在輸入文件觸發change事件時在base64中轉換文件并將所有文件存儲在數組中。

優點:


基本上,這將為您提供很多控制,并且您可以篩選,比較文件,檢查文件大小,MIME類型等等。


查看完整回答
反對 回復 2019-10-19
  • 3 回答
  • 0 關注
  • 790 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號