Javascript将图像作为URI数据，如何通过multipart / form-data表单上传此图像？

Question

我的javascript脚本有一个图像作为URI数据，如下所示：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==

我有一个multipart / form-data表单，它有一个<input type="file" />元素。 我想使用<input type="file" />元素将我的图像（我作为数据URI的图像）发送到服务器。

我无法控制服务器。

有没有办法实现这个目标？ 有些方法我可以欺骗浏览器将我的图像发送到服务器？

Answer 1

无法以编程方式设置<input type="file">值。

但是，您可以使用AJAX替换真实表单提交。 使用AJAX，您可以更灵活地发送到服务器的内容。

看到这个问题： HTML5文件API readAsBinaryString读取的文件比磁盘上的文件大得多 。