精品人伦一区二区三区蜜桃视频_日韩精品视频在线_www.色综合_久久久久久一区_aaaaaa黄色片_亚洲精品久久

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的网站 | 欧美日韩精品一区二区 | 午夜黄色 | 精品久久久久久久久久久下田 | 欧美日韩在线一区二区 | av在线免费观看网址 | 亚洲免费一区 | 日本淫视频 | 中文字幕蜜臀 | 亚洲免费在线观看av | 国产一区精品在线 | 国产人免费人成免费视频 | www.99re| 男女羞羞视频大全 | 欧美不卡一区 | 成人美女免费网站视频 | 亚洲国内精品 | 久久久久久久久久爱 | 亚洲精品一区二区在线观看 | 91精品久久久久久久久99蜜臂 | 少妇午夜一级艳片欧美精品 | 麻豆av片 | 91精品久久久久久久久中文字幕 | 日本精品视频在线 | 欧美精品在线一区二区三区 | 亚洲精品中文在线观看 | 午夜性色a√在线视频观看9 | 久久精品国产一区二区三区 | 国产乱码精品一品二品 | 91精品国产99久久 | 日本成人午夜影院 | 亚洲性视频网站 | 在线观看国产视频 | 永久免费av | 国产一级视屏 | 91高清视频 | 国产一级片av| 久久免费国产 | 亚洲天堂av一区 |