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

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
主站蜘蛛池模板: 国产日韩在线观看视频 | 欧美巨乳在线观看 | 亚洲第一男人天堂 | 亚洲成av人片在线观看无码 | 欧美巨大video粗暴 | 日韩亚洲国产综合久久久 | 国产精品三级一区二区 | 美女张开双腿让男人桶视频免费 | 色资源二区在线视频 | 亚洲一区国产 | 久久精品一区二区三区中文字幕 | 亚洲欧洲视频在线 | 中日韩一区二区三区 | 欧美高清免费精品国产自 | 免看一级一片一在线看 | 草草视频免费观看 | 国产精品久久国产三级国电话系列 | 欧美1| 国产精品资源手机在线播放 | 日本作爱| 国产福利拍拍拍 | 国产精品自拍亚洲 | 青青草福利视频 | 亚洲午夜精品久久久久久抢 | 国产高清精品自在线看 | 免费高清一级欧美片在线观看 | 亚洲国产二区三区久久 | 成人精品亚洲人成在线 | 男人天堂网在线 | 99久久国产综合精品成人影院 | 欧美久在线观看在线观看 | 男人天堂视频网站 | 一级做性色a爰片久久毛片 一级做性色a爰片久久毛片免费 | 免费看成人www的网站软件 | 久久综合亚洲一区二区三区 | 欧美精品片 | 亚洲视频偷拍自拍 | 精品91精品91精品国产片 | 国产一级久久久久久毛片 | 久久久国产一区二区三区丝袜 | 国产一区二区三区四区五区tv |