前端electron读取本地硬盘路径中文件

众所周知，现在浏览器不能程序直接读写本地硬盘中的文件，只能通过input唤起文件选择器，再获取文件流。

electron中读取解决方案：

1. 使用本地路径文件 <img src="atom:///C:\Users\admin\Desktop\diagrams\eleLionDiagram.svg" alt="" />
2. background.ts中 import { app, protocol } from 'electron'; app.whenReady().then(() => { protocol.registerFileProtocol('atom', (request, callback) => { const url = request.url.substr(7); callback(decodeURI(path.normalize(url))); }); }); 重新启动，即可正常展示文件，官方文档：www.electronjs.org/zh/docs/lat… 参考文档：juejin.cn/post/697382…