我希望将图像数据从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