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

electron 原生拖拽文件獲取路徑

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

我使用了jQuery,記得引用

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

創建一個元素,設置好ID

<div class="trts" id="content">
   <p>拖入文件讀取數據</p>
</div>

接下來在渲染進程中寫代碼

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

content.on("dragleave", function (event) {
    event.preventDefault();
});
content.on("drop", function (event) {
    // 調用 preventDefault() 來避免瀏覽器對數據的默認處理(drop 事件的默認行為是以鏈接形式打開)
    event.preventDefault();
    var efile = event.originalEvent.dataTransfer.files[0];
    console.log(efile.path, "utf8");
    return false;
});

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

上面兩個方法是鼠標文件拖入,或者離開時的操作,可以默認為空,但是event.preventDefault();必須寫,這樣才能接管瀏覽器默認的操作。

 

THE END
主站蜘蛛池模板: 欧美一级特黄特黄做受 | 欧美在线观看a | 在线观看亚洲精品专区 | 精品久久久久中文字幕日本 | 国产成人精品日本亚洲专区6 | 日韩欧美在线观看视频 | 国产精品久久久久久久久免费 | 久久福利青草精品资源站 | 韩国美女爽快毛片免费 | 午夜看片a福利在线 | 久久精品国产半推半就 | 亚洲视频中文字幕在线观看 | 热e国产 | 日本免费一二区视频 | 伊人久久影视 | 日本三级韩国三级在线观看a级 | 国产在线一区二区三区 | 亚洲成年人免费网站 | 亚洲成人性视频 | 亚洲制服欧美自拍另类 | 亚洲a级片| 男女男精品视频网站 | 国产成人手机视频 | 特级一级毛片免费看 | 欧美日韩久久 | 色婷婷国产精品欧美毛片 | 欧美日韩精品一区二区三区视频在线 | 王朝影院一区二区三区入口 | 日韩三级黄色 | aaa在线| 免费看欧美一级片 | 久久在现| 成年女人毛片免费观看97 | 日本免费在线观看视频 | 日韩欧美一级毛片精品6 | 欧美怡红院在线 | 欧美午夜网站 | 亚洲视频免费一区 | 草草影院地址 | 成人做爰视频www视频 | 久久久久久久国产 |