javascript - 上传图像并在 Canvas 中加载，IE9，不支持 FileApi

Question

我一直在创建一个应用程序，它允许用户首先上传图像，然后将其加载到 Canvas 中。

我浏览了各种 SO 帖子和在线示例，这些示例允许用户读取上传的图像并将其加载到 Canvas 中，并且所有示例都使用 HTML5 FileApi which IE9 doesn't support 。

是的，有Shims可用，可以复制FileApi提供的FileApi功能，但大部分依赖Flash或Silverlight .

那么，这个过程是否有任何替代方案，我的意思不仅是FileApi的替代方案，而且可以在canvas中上传和加载图像的整个过程不使用 FileAPI 就完成了？？

Answer 1

由于您想要“先上传图像，然后将其加载到 Canvas 中”，因此不需要 FileAPI，它仅用于在上传之前访问文件数据。

使用正常的<input type="file" />用于上传，并让您的服务器代码输出文件的路径和名称，以便 JavaScript 拾取并加载 Canvas 。