首頁 > web前端 > js教程 > 如何使用拖放自動填入輸入檔的值?

如何使用拖放自動填入輸入檔的值?

DDD
發布: 2024-11-29 17:38:10
原創
433 人瀏覽過

How Can I Automatically Populate an Input File's Value Using Drag and Drop?

如何在頁面上拖放時自動填充輸入文件值

背景:

出於安全原因,以前無法使用JavaScript 以程式設計方式設定輸入檔案的值。然而,隨著瀏覽器技術的進步,這種情況已經改變了。

解決方案:

第1 步:啟用檔案刪除

將拖曳事件監聽器加入所需的位置容器:

第 2步驟:指派檔案值

從dataTransfer 事件中擷取FileList 物件:

取代「容器」 " 為要啟用拖放功能的容器元素的ID,"file -input" 為輸入檔的ID

注意:

此方法適用於支援此規範的現代瀏覽器。

以上是如何使用拖放自動填入輸入檔的值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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