免费在线观看污视频-亚洲精品永久免费-亚洲成a-日韩精品视频免费在线观看-黄色a网站-国产在线视频一区二区三区

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
主站蜘蛛池模板: 精品女厕沟底拍撒尿 | 久草视频在线播放 | 国产偷国产偷亚洲高清午夜 | 中文字幕在线无限2021 | 欧美人成在线视频 | 色视频www在线播放国产人成 | 欧美xxxx色视频在线观看 | 成年男人的天堂 | 免费一看一级欧美 | 美女被躁免费视频软件 | 亚洲国内精品 | 精品国产自在在线在线观看 | 欧美精品免费在线 | 九九在线精品 | 国产亚洲精品国产第一 | 韩国一级片在线观看 | 一本色道久久88亚洲精品综合 | 国内久久久久影院精品 | 国产欧美精品三区 | 国产呦系列免费 | 成人满18在线观看网站免费 | 久久性生大片免费观看性 | 女人张开双腿让男人桶爽免 | 欧美一级做一a做片性视频 欧美一级做一级爱a做片性 | 国产成人高清一区二区私人 | 亚洲成人黄色片 | avtom影院入口永久在线 | 日本欧美韩国一区二区三区 | 免费高清在线爱做视频 | 日本xxxxx久色视频在线观看 | 免费看 s色 | 国产成人一区二区三区影院免费 | 欧美一级毛片aaa片 欧美一级毛片不卡免费观看 | 求欧美精品网址 | 黄色一及毛片 | 521a久久九九久久精品 | 在线亚洲播放 | 国产性较精品视频免费 | 男人的天堂欧美精品色偷偷 | 思思91精品国产综合在线 | 国产做a爰片久久毛片 |