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

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
主站蜘蛛池模板: 免费在线观看一区 | 国产亚洲欧美在线播放网站 | 91在线免费公开视频 | 精品国产一区二区三区不卡 | 九九精品视频一区在线 | 久草视频网址 | 美女脱了内裤张开腿让男人桶网站 | 国产欧美17694免费观看视频 | 亚洲人成综合在线播放 | 国产视频自拍一区 | 国内主播福利视频在线观看 | 久久精品人人爽人人爽快 | 中文字幕在线观看91 | 欧美另类特大 | 亚欧成人 | 毛片中文字幕 | 最新国产美女一区二区三区 | 国产免费久久精品99re丫y | 欧美一级视 | 亚洲欧美精品一区二区 | 免费男女乱淫真视频播放 | 亚洲欧美日韩一区 | 性生活视频网站 | 亚洲国产成人久久99精品 | 美女被男人cao的爽视频黄 | 国产成人精品自拍 | 美女网站色免费 | 99久久精品国产一区二区三区 | 午夜影院免费入口 | 免费国产成人18在线观看 | 99久久在线 | 黄色国产在线观看 | 伊人一级 | 欧美一级毛片片免费 | 国内自拍2020| 中国美女隐私无遮挡免费视频 | 午夜免费一级片 | 日本红怡院亚洲红怡院最新 | 国产成人福利美女观看视频 | 欧美性精品hd在线观看 | 91欧美在线|