javascript - 如何提交 html5 画布作为表单帖子的一部分？

Question

我正在寻找将图像数据从画布标签流式传输到 node.js 服务器。我可以自己处理服务器端代码，但如何从画布提交数据？我希望提出涉及多部分表单数据的建议，因为我想流式传输数据，因为我希望图像在 50 MB 左右的范围内。如果我尝试一次发布所有数据，它往往会使客户端的浏览器崩溃。

Answer 1

您可以使用FormData模拟普通"multipart/form-data"文件提交：

canvas.toBlob( function(blob) {

    var formData = new FormData();

    formData.append("image_file", blob );
    var xhr = new XMLHttpRequest;
    xhr.open( "POST", "abc.php" );
    xhr.send(formData);

}, "image/png");

canvas 方法.toBlob已指定但未实现，可以使用诸如canvas-to-blob.js 之类的 polyfill