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

Question

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

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

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

我无法控制服务器。

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

Answer 1

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

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

请参阅此问题：HTML5 File API readAsBinaryString reads files as much larger, different than files on disk。