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

如何獲取拖動文件的文件名（放置之前）

首頁猿問如何獲取拖動文件的文件名（放置之前）

如何獲取拖動文件的文件名（放置之前）

JavaScript

森欄 2023-08-24 10:23:50

我想獲取從瀏覽器外部拖動的文件的文件擴展名。我知道您可以在ondrop事件中訪問文件名，但我想根據用戶在刪除文件之前拖入我的應用程序的文件類型做出反應。必須有某種方法，因為 Webflow（一個用于構建響應式網站的 Web 應用程序）正在這樣做。根據文件類型，它會為您提供不同類型的元素。我感謝每一個朝著正確方向前進的小引導

查看完整描述

1 回答

富國滬深

TA貢獻1790條經驗獲得超9個贊

如果您在拖拽事件期間需要它，您唯一的選擇是 MIME 類型，可以使用檢索它event.dataTransfer.items[n].type。文件的其余信息在 drop 事件發生之前無法訪問。

請注意此功能的瀏覽器兼容性，因為 Internet Explorer 和 Safari 都不支持此功能。

var dropReceiver = document.getElementById("dropReceiver");

dropReceiver.addEventListener('dragover', function(e) {

? ? e.stopPropagation();

? ? e.preventDefault();

? ? e.dataTransfer.dropEffect = 'copy';

? ??

? ? for(var i = 0; i < e.dataTransfer.items.length; i++)

? ? {

? ? ? ? console.log(e.dataTransfer.items[i].type);

? ? }

});

#dropReceiver

{

padding: 100px 120px;

background: blue;

color: white;

font-size: 30px;

text-align: center;

}

反對回復 2023-08-24

1 回答
0 關注
161 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如何獲取拖動文件的文件名（放置之前）

如何獲取拖動文件的文件名（放置之前）

1 回答

添加回答