第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

如何獲取拖動文件的文件名(放置之前)

如何獲取拖動文件的文件名(放置之前)

森欄 2023-08-24 10:23:50
我想獲取從瀏覽器外部拖動的文件的文件擴展名。我知道您可以在ondrop事件中訪問文件名,但我想根據(jù)用戶在刪除文件之前拖入我的應(yīng)用程序的文件類型做出反應(yīng)。必須有某種方法,因為 Webflow(一個用于構(gòu)建響應(yīng)式網(wǎng)站的 Web 應(yīng)用程序)正在這樣做。根據(jù)文件類型,它會為您提供不同類型的元素。我感謝每一個朝著正確方向前進(jìn)的小引導(dǎo)
查看完整描述

1 回答

?
富國滬深

TA貢獻(xiàn)1790條經(jīng)驗 獲得超9個贊

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

請注意此功能的瀏覽器兼容性,因為 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;

}

<div id="dropReceiver">Drag On Me</div>


查看完整回答
反對 回復(fù) 2023-08-24
  • 1 回答
  • 0 關(guān)注
  • 183 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號