以下是一些在 Electron 中使用 DOM File 对象的示例：
1. 通过文件输入框获取 File 对象：
在渲染进程（Renderer Process）中，你可以通过监听文件输入框的 change 事件来获取用户选择的文件。这个事件返回一个包含选定文件信息的 FileList 对象，你可以从中提取 File 对象。
<!-- index.html -->
<input type="file" id="fileInput" multiple>
// renderer.js
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', (event) => {
const files = event.target.files;
for (const file of files) {
console.log('File:', file.name);
// 在这里可以进行其他处理，例如读取文件内容等
}
});
2. 通过拖放操作获取 File 对象：
你还可以通过拖放文件到应用程序窗口的方式获取 File 对象。监听 drop 事件并阻止默认行为，然后从 dataTransfer 中获取文件信息。
// renderer.js
document.addEventListener('drop', (event) => {
event.preventDefault();
const files = event.dataTransfer.files;
for (const file of files) {
console.log('Dropped File:', file.name);
// 在这里可以进行其他处理，例如读取文件内容等
}
});
document.addEventListener('dragover', (event) => {
event.preventDefault();
});
请注意，在 Electron 中，通常需要在 webPreferences 中启用 nodeIntegration 选项，以便在渲染进程中使用 Node.js 模块。例如：
// 创建 BrowserWindow 时启用 nodeIntegration
const mainWindow = new BrowserWindow({
webPreferences: {
nodeIntegration: true
}
});
上述示例中的代码主要在渲染进程中执行。如果你需要在主进程中处理文件，你可以通过 IPC（Inter-Process Communication）将文件信息传递给主进程进行处理。
转载请注明出处：http://www.pingtaimeng.com/article/detail/10912/Electron