Canvas转换为Blob对象并使用Ajax发送

Posted 与f

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Canvas转换为Blob对象并使用Ajax发送相关的知识,希望对你有一定的参考价值。

Canvas转换为Blob对象并使用Ajax发送

 

转换为Blob对象后,可以使用Ajax上传图像文件。

先从canvas获取dataurl, 再将dataurl转换为Blob对象

 

var dataurl = canvas.toDataURL(‘image/png‘);
var blob = dataURLtoBlob(dataurl);
//使用ajax发送
var fd = new FormData();
fd.append("image", blob, "image.png");
var xhr = new XMLHttpRequest();
xhr.open(‘POST‘, ‘/server‘, true);
xhr.send(fd);

 

 

 

转:https://blog.csdn.net/cuixiping/article/details/45932793

 

以上是关于Canvas转换为Blob对象并使用Ajax发送的主要内容,如果未能解决你的问题,请参考以下文章

js 将图片转换为base64编码

使用 POST 表单发送 Blob 对象

Blob/DataURL/canvas/image的相互转换

asp 前台ajax提交的blob数据在后台怎么接受

$.ajax()方法中的processData参数

通过 ajax 传递 Blob 以生成文件