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

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

刪除通過 html 輸入上傳的重復文件不起作用

刪除通過 html 輸入上傳的重復文件不起作用

慕田峪4524236 2023-07-06 17:28:49
我目前正在構建一個文件上傳功能,可以在其中上傳一個或多個 .xml 文件。    <button mat-raised-button class="button" (click)="fileInput.click()"        <span>Choose files</span>        <input #fileInput type="file" multiple accept=".xml" style="display:none;" (change)="onFileInput($event)">    </button>onFileInput 方法將這些文件推送到數組中。onFileInput($event) {   Array.from($event.target.files).forEach(file => {     this.files.push(file);   })   this.files = [...new Set(this.files)];}問題是,如果我更改上傳的文件數量,我可以多次上傳同一文件。案例1:上傳文件1,2上傳文件1,2this.files包含文件1,2到目前為止,一切都很好情況2:上傳文件1,2上傳文件1this.files 包含1,2,1上傳文件1this.files 仍包含1,2,1上傳文件2this.files 包含1,2,1,2我希望你能理解這個問題并幫助我,因為我找不到我的錯誤。
查看完整描述

1 回答

?
心有法竹

TA貢獻1866條經驗 獲得超5個贊

您可以簡單地通過比較文件名來做到這一點。


arr = [];

function onFileInput(e) {

  let files = e.target.files;

  for (let i = 0; i < files.length; i++) {

    if (arr.indexOf(files[i].name) === -1) { 

       arr.push(files[i]);

    }

  }

}


查看完整回答
反對 回復 2023-07-06
  • 1 回答
  • 0 關注
  • 118 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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