首頁 > web前端 > js教程 > HTML5 拖放上傳中可以從檔案清單中單獨刪除檔案嗎?

HTML5 拖放上傳中可以從檔案清單中單獨刪除檔案嗎?

DDD
發布: 2024-10-23 07:02:02
原創
946 人瀏覽過

Can Files be Individually Removed from a FileList in HTML5 Drag-and-Drop Uploads?

拖放上傳期間HTML5 FileList 中的檔案刪除

在HTML5 拖放上傳應用程式中,從以下位置取得 FileList dataTransfer提供對拖放到指定區域的文件的存取。然而,當涉及從該 FileList 中刪除特定檔案時,就會出現疑問。

可以從 FileList 移除檔案嗎?

不幸的是,在撰寫本文時,還不能可以選擇性地從文件清單中刪除單一文件。此限制源自於檔案 API 規範,該規範要求 HTMLInputElement 的 FileList 屬性為唯讀。

選擇性檔案刪除的替代方案

如果目標是為了防止某些檔案被處理或上傳,有兩種替代方法:

  1. 伺服器端過濾:在處理要過濾的檔案的伺服器端腳本中實作檢查出不需要的檔案。此解決方案更加高效,因為它減少了透過網路發送不需要的檔案的開銷。
  2. 輸入值替換: 透過設定輸入元素的 value 屬性(檔案被刪除的位置)為空字串,可以清除整個FileList。這可用於重置文件選擇並從一組新文件開始。然而,這種方法沒有選擇性。

以上是HTML5 拖放上傳中可以從檔案清單中單獨刪除檔案嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板