如何使用电子和 webpack 加载本地文件？答案

【问题标题】：How to load a local file using, electron and webpack?如何使用电子和 webpack 加载本地文件？
【发布时间】：2017-06-27 15:28:31
【问题描述】：

我正在使用电子开发视频播放器。我想有能力从文件系统中选择一个视频文件并播放它。路径可能看起来像 C://Users/.../... 以获得胜利。和/Users/../../ 用于 OSX。所以问题是 Chrome 不能使用 file:// 协议并且没有它试图从当前主机加载它的协议。那么有没有办法使用电子或 webpack 从 OS 文件系统加载视频？

【问题讨论】：

您是否尝试使用不带file:// 前缀的路径？例如：src="C://Users/path/to/video.mp4"
是的，我试过了，Chrome会自动添加localhost作为主机，所以它会尝试像localhost:8080/C://Users/../一样加载它
很奇怪，在从电子 select-directory 对话框中选择它们的路径并使用返回的路径之后，我正在我的 Electron 应用程序中访问图像文件。 Chrome 从未在我的应用程序中添加 localhost 前缀。您是在“客户端”还是在节点端解析文件？我正在使用 Node 的 FS (var fs = require('fs')) 来解析它们。看看这个electron-video-player 应用程序，我想你会在那里找到答案。

标签： video webpack electron

【解决方案1】：

如果这符合您的需要，您可以允许用户选择视频，使用：

<input type="file" accept="video/*"/>

这适用于 chrome。

在这个答案中有一个很好的工作示例：https://stackoverflow.com/a/9349984/334402

【讨论】：

谢谢，我试试，希望对你有帮助