免费在线观看污视频-亚洲精品永久免费-亚洲成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
主站蜘蛛池模板: 国产美女一区精品福利视频 | 亚洲精品美女视频 | 久久人 | 久久精品高清视频 | 亚州久久| 精品国产一区二区二三区在线观看 | a级片免费观看视频 | 国产大秀视频 | 久久久香蕉 | 久久er热视频在这里精品 | 国产精品自在自线 | 在线看亚洲 | 久久日本精品一区二区免费 | 三级在线国产 | 免费久久精品视频 | 亚州免费一级毛片 | 国产一区二区三区四区在线 | 亚洲免费视频观看 | 中文国产成人精品久久一 | 亚州色吧 | 久久爽久久爽久久免费观看 | 久久精品视频9 | 日韩在线播放视频 | 一级做a爰片性色毛片男 | 美女被爆免费视频软件 | 日本理论在线播放 | 久久国产免费一区二区三区 | 日韩亚洲欧美一区二区三区 | 日本精品久久久久中文字幕 1 | 亚洲国产激情 | 国产成人亚洲毛片 | 欧美一级一极性活片免费观看 | 一级片免费在线 | 亚洲男人天堂2017 | 免费公开视频人人人人人人人 | 国产在线观看精品一区二区三区91 | 免费在线观看黄色毛片 | 日韩欧美在线视频一区二区 | 午夜宅宅宅影院在线观看 | 一区二区三区不卡在线观看 | 日本精品一区二区三区在线视频 |