国产精在线-国产精欧美一区二区三区-国产精视频-国产精品 日韩-一级黄色片在线看-一级黄色片在线播放

electron 原生拖拽文件獲取路徑

實(shí)現(xiàn)拖入文件獲取路徑,不用官方提供的消息模式,使用HTML5原生的拖放獲取即可。

我使用了jQuery,記得引用

引用方法,在程序目錄,運(yùn)行命令:npm install jquery --save

創(chuàng)建一個(gè)元素,設(shè)置好ID

<div class="trts" id="content">
   <p>拖入文件讀取數(shù)據(jù)</p>
</div>

接下來(lái)在渲染進(jìn)程中寫(xiě)代碼

var content = $("#content")
content.on("dragenter dragover", function (event) {
    // 重寫(xiě)ondragover 和 ondragenter 使其可放置
    event.preventDefault();
});

content.on("dragleave", function (event) {
    event.preventDefault();
});
content.on("drop", function (event) {
    // 調(diào)用 preventDefault() 來(lái)避免瀏覽器對(duì)數(shù)據(jù)的默認(rèn)處理(drop 事件的默認(rèn)行為是以鏈接形式打開(kāi))
    event.preventDefault();
    var efile = event.originalEvent.dataTransfer.files[0];
    console.log(efile.path, "utf8");
    return false;
});

其中,主要的是drop方法中,獲取到數(shù)組,默認(rèn)只獲取一個(gè),如果要獲取多個(gè)拖入文件,直接遍歷event.originalEvent.dataTransfer.files即可。

上面兩個(gè)方法是鼠標(biāo)文件拖入,或者離開(kāi)時(shí)的操作,可以默認(rèn)為空,但是event.preventDefault();必須寫(xiě),這樣才能接管瀏覽器默認(rèn)的操作。

 

THE END
主站蜘蛛池模板: 久久欧美久久欧美精品 | 中文字幕一二三四区2021 | 一级做a爰片久久毛片苍井优 | 久久精品亚洲乱码伦伦中文 | 高清不卡日本v在线二区 | 高清在线亚洲精品国产二区 | 久久成人免费网站 | 九九99久久 | 久久精品国产免费看久久精品 | 国产在线精品一区二区三区 | 九九视频国产 | 国产欧美精品三区 | 欧美 日韩 国产 成人 在线观看 | 男人的天堂欧美精品色偷偷 | 亚洲成年人免费网站 | 国产精品一区二区国产 | 中文字幕乱码在线观看 | α片毛片| 欧美大片欧美毛片大片 | 亚洲一区二区三区四区五区六区 | 亚洲欧美日韩在线一区二区三区 | 日本一区二区三区四区不卡 | 亚洲精品久久一区毛片 | 国产伦码精品一区二区三区 | 国产成年人 | 国内精品久久久久影院亚洲 | 特黄日韩免费一区二区三区 | 中文国产成人精品少久久 | 国产精品久久久久久久久久98 | 欧美做爱毛片 | 午夜看片a福利在线 | 国产99精品免费视频看6 | 久久夜视频| 成人免费手机在线看网站 | 久久久网站 | 欧美日韩免费播放一区二区 | 日本欧美韩国一区二区三区 | 日韩啪 | 性8sex亚洲区入口 | 久久久久视频精品网 | 一个人看的日本www的免费视频 |