javascript – 如何提交html5 canvas作为表单帖子的一部分?

前端之家收集整理的这篇文章主要介绍了javascript – 如何提交html5 canvas作为表单帖子的一部分?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望将图像数据从canvas标签流式传输到node.js服务器.我自己可以处理服务器端代码,但是如何从画布提交数据呢?我希望有一个涉及多部分表单数据的建议,因为我想要流式传输数据,因为我期待大约50 MB左右的图像.如果我尝试一次性发布数据,则会导致客户端浏览器崩溃.

解决方法

您可以使用 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是specified但未实现,您可以使用polyfill
比如canvas-to-blob.js

猜你在找的JavaScript相关文章