首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

文件 | File

使用HTML5 FileAPI来本地处理文件系统上的文件。

DOM的File接口提供了对本地文件的抽象,以便让用户直接使用HTML5文件API处理本机文件。Electron pathFile界面上添加了一个属性,该属性暴露了文件系统上文件的真实路径。

从拖动到应用程序文件中获取真实路径的示例:

代码语言:javascript
复制
<div id="holder">
  Drag your file here
</div>

<script>
  document.addEventListener('drop', function (e) {
    e.preventDefault();
    e.stopPropagation();

    for (let f of e.dataTransfer.files) {
      console.log('File(s) you dragged here: ', f.path)
    }
  });
  document.addEventListener('dragover', function (e) {
    e.preventDefault();
    e.stopPropagation();
  });
</script>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com