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

标签 javascript html canvas file-upload

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

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

是的,有Shims可用,可以复制FileApi提供的FileApi功能,但大部分依赖FlashSilverlight .

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

最佳答案

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

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

关于javascript - 上传图像并在 Canvas 中加载,IE9,不支持 FileApi,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26340269/

相关文章:

javascript - jQuery 检查 Attr 类是否存在?

html - css 页面布局 - 前景 "overlying"背景

javascript - 未捕获类型错误 : Cannot set property 'onclick' of null. 尝试了 window.onload

javascript - 新用户注册后如何显示 "New account is created"消息

javascript - 设置无法删除的默认文本框值

javascript - jQuery cart总结果

reactjs - 使用 useRef (React) 为 REST API 保存 Canvas (Konva) 的状态是否安全

javascript - 关闭浏览器窗口而不等待ajax响应的最佳实践

javascript - 创建两个具有相同来源的 HTML5 视频元素不起作用

javascript - 单击 Canvas 中的给定元素