Javascript 如何允许从文件访问文件？

我一直在学习HTML5画布教程。目前正在进行像素处理：，并遇到了一个问题/问题

问题涉及canvas和getImageData（）方法。解决方法（处理本地文件时）似乎是从与HTML页面相同的目录中存储和加载图像。这不是最优雅的解决方案，我对谷歌Chrome也有类似的问题，但我可以在Chrome中通过从终端启动应用程序并设置args来解决这个问题。Safari中不存在此问题（全部在OS X上）

是否有类似（或更好）的方式启动Firefox以允许本地“文件访问”

我希望这是有道理的。多谢期待

---

-u

如果您只在本地工作，并且您的问题只涉及开发，那么您可以下载插件以简化您的生活。或者，您可以发送一个

访问控制允许源代码：

标题。我可能误解了，但这似乎是一个Chrome插件。问题在于Firefox。让用户修改他们的浏览器设置是相当具有侵略性的（对他们来说可能是可疑的），除非你有一个被捕获的客户群——例如，如果你的应用程序是一个被认可的公司应用程序。或者，满足跨域安全限制（从而获得对

.getImageData

的访问）需要用户参与从其本地文件系统加载文件。一种方法是让用户加载带有

input type=file

的图像文件。另一种方法是让用户使用

FileReader

加载图像文件。以前有过使用这两种备选方案的SO Q&A。请注意，只有在本地测试时才会出现跨域问题。@ugajin CORS限制始终适用。如果图像文件与网页位于同一域中，则符合CORS。如果用户肯定地默认加载图像文件，则CORS是满意的。但违反CORS限制（与满足CORS相反）将始终导致画布污染，从而阻止像素操纵；-）如果您只在本地工作，并且您的问题只涉及开发，那么您可以下载插件以使您的生活更轻松。或者，您可以发送一个

访问控制允许源代码：

标题。我可能误解了，但这似乎是一个Chrome插件。问题在于Firefox。让用户修改他们的浏览器设置是相当具有侵略性的（对他们来说可能是可疑的），除非你有一个被捕获的客户群——例如，如果你的应用程序是一个被认可的公司应用程序。或者，满足跨域安全限制（从而获得对

.getImageData

的访问）需要用户参与从其本地文件系统加载文件。一种方法是让用户加载带有

input type=file

的图像文件。另一种方法是让用户使用

FileReader

加载图像文件。以前有过使用这两种备选方案的SO Q&A。请注意，只有在本地测试时才会出现跨域问题。@ugajin CORS限制始终适用。如果图像文件与网页位于同一域中，则符合CORS。如果用户肯定地默认加载图像文件，则CORS是满意的。但违反CORS限制（与满足CORS相反）将始终导致画布污染，从而阻止像素操纵；-）