跳转到主内容

File 对象

在文件系统中,使用HTML5 File 原生API操作文件

Warning The path property that Electron adds to the File interface is deprecated and will be removed in a future Electron release. We recommend you use webUtils.getPathForFile instead.

DOM的文件接口提供了关于原生文件的抽象,以便用户可以直接使用HTML5文件API处理原生文件。 Electron已经向 文件 接口添加了一个 path 属性, 在文件系统上暴露出文件的真实路径

示例:获取拖拽到app上的文件的真实路径

<div id="holder">
Drag your file here
</div>

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

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