Skip to main content

`File` 对象

File 对象

¥File Object

使用 HTML5 File API 原生处理文件系统上的文件。

¥Use the HTML5 File API to work natively with files on the filesystem.

警告 Electron 添加到 File 接口的 path 属性已被弃用,并将在未来的 Electron 版本中删除。我们建议你改用 webUtils.getPathForFile

¥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 在 File 接口中添加了 path 属性,该属性公开了文件系统上文件的真实路径。

¥The DOM's File interface provides abstraction around native files in order to let users work on native files directly with the HTML5 file API. Electron has added a path attribute to the File interface which exposes the file's real path on filesystem.

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

¥Example of getting a real path from a dragged-onto-the-app file:

<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>