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 File API readAsBinaryString reads files as much larger, different than files on disk .