HTML5 Canvas转化成图片后上传服务器

最新推荐文章于 2023-08-10 18:04:53 发布

粉红猪。。。

最新推荐文章于 2023-08-10 18:04:53 发布

阅读量882

点赞数 4

文章标签： html5 服务器前端

本文链接：https://blog.csdn.net/qq_45969735/article/details/121870239

版权

function transform(b64Image) {
        const img = atob(b64Image.split(',')[1]);
        const image = [];
        let i = 0;
        while (i < img.length) {
            image.push(img.charCodeAt(i));
            i++;
        }
        return new Uint8Array(image);
    }
var b64Image = canvas.toDataURL('image/jpeg');
var u8Image  = transform(b64Image);
var formData = new FormData();
formData.append("image", new Blob([ u8Image ], {type: "image/jpg"}));
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upimage", true);
xhr.send(formData);