使用读取本地文件？
我看过一些演示，mozilla 人员将照片放入保管箱，然后在浏览器中进行本地编辑。但现在我找不到演示，我需要将图像加载到我的 html 中，然后使用 canvas 元素编辑它们，然后将它们上传到服务器。我认为有一种方法可以做到这一点，但我找不到任何好的解释。 基本上我需要在我的客户端计算机上拍照并将其插入画布元素而不接触服务器。 任何帮助将不胜感激。
I have seen some demos where mozilla guys dropped a photo into a dropbox and then edited it locally in the browser. But now i cannot find out the demo and i need to load images to my html, then edit them with canvas element, then upload them to server. I think there is a way of doing this but i cannot find any good explanation.
Basically i need to take a picture on my clients computer and insert it into a canvas element without touching the server.
Any help will be appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
它是来自 W3C 的新文件 API（Mozilla 与之有很大关系）。我已经完成了几个文件 API 示例来回答其他可能有用的 StackOverflow 问题：
特别是第二个，显示将本地图像文件加载到
img元素中，您可以轻松地将其与画布。如果您想要拖放功能，您还可以查看 HTML5 拖放东西；相关文章：Google 为 Gmail 的新拖放附件转向 HTML5。
It's the new File API from the W3C (which Mozilla had a lot to do with). I've done a couple of File API examples in answers to other StackOverflow questions that may be useful:
That second one, in particular, shows loading a local image file into an
imgelement, which you could readily use with acanvas.If you want the drag-and-drop aspect, you might also check out the HTML5 Drag and Drop stuff; related article: Google Turns to HTML5 for Gmail’s New Drag-and-Drop Attachments.