小编Dou*_*oug的帖子

从HTML canvas元素的内容生成图像数据的最佳方法是什么？

我想创建图像数据,使其可以传输到服务器(用户无需直接保存到文件).图像数据应采用通用格式,如PNG或JPEG.

在多个浏览器中正常工作的解决方案是首选,但如果每个解决方案都依赖于浏览器,则应针对最新版本的Firefox.

在Firefox 3中,可以访问<input type="file">元素的内容,如下所示.

假设具有以下元素的表单:

<input type="file" id="myinput">

现在可以使用以下方法访问所选文件的数据:

// Get the file's data as a data: URL
document.getElementById('myinput').files[0].getAsDataURL()

有没有跨浏览器的方式来完成同样的事情？

此功能的Firefox文档:

• https://developer.mozilla.org/en/nsIDOMFileList
• https://developer.mozilla.org/en/nsIDOMFile