从画布上传图片

Question

有人请帮助我，这是我第一次在html中使用canvas，问题是，是否有任何方法可以使用表单提交中的多部分文件上传将图像从画布传递到服务器.... / p>

Answer 1

是的，您可以使用canvas.toDataURL（＆＃39; image / jpeg＆＃39;）和ajax上传您的画布

$.post('/upload',
{
    uid : uid,
    img : canvas.toDataURL('image/jpeg')
},
function(data) {});

多部分上传访问此问题

JavaScript Blob Upload with FormData

以及将canvas转换为blob的简便方法

https://blueimp.github.io/JavaScript-Canvas-to-Blob/test/