使用<input type="file">读取本地文件？

Question

使用<input type="file">读取本地文件？

12

我曾经看到Mozilla的一些演示，他们将照片拖放到Dropbox中，然后在浏览器中本地编辑。但现在我找不到这个演示，我需要将图片加载到我的html中，然后使用canvas元素对其进行编辑，最后上传到服务器。我认为有一种方法可以做到这一点，但我找不到任何好的解释。基本上我需要在客户端电脑上拍摄照片并将其插入到canvas元素中，而不用接触服务器。非常感谢任何帮助。

- gkaykck

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- T.J. Crowder · Accepted Answer

这是W3C的新文件API（Mozilla与之有很大关联）。我在回答其他StackOverflow问题时已经做了一些File API示例，可能会有用：

特别是第二个示例展示了如何将本地图像文件加载到img元素中，您可以轻松地将其与canvas一起使用。

如果您想要拖放方面的功能，您还可以查看HTML5 拖放相关内容；相关文章：Google将HTML5用于Gmail的新拖放附件功能。