图片base64转文件并以formdata传给后台

最新推荐文章于 2024-10-12 10:10:26 发布

M-Didid

最新推荐文章于 2024-10-12 10:10:26 发布

阅读量977

点赞数

分类专栏： javaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_41251187/article/details/121474871

版权

javaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文详细介绍了如何将Base64格式的图片转换为Blob对象，并通过FormData传递给后台。涉及到的关键技术包括Blob的构建、Uint8Array的使用以及atob方法在解码Base64字符串中的应用。示例代码展示了整个转换过程，对于前端开发者处理图像上传具有实践指导意义。

摘要由CSDN通过智能技术生成

代码

let binary = atob(base64.split(',')[1]);
let array = [];
for (let i = 0; i < binary.length; i++) {
    //将binary字符串转为Unicode码点
	array.push(binary.charCodeAt(i));
}
//Blob构造函数的第一个参数为ArrayBuffer、ArrayBufferView、Blob、DOMString等对象构成的Array，或者其它类似对象的混合体
var blob = new Blob([new Uint8Array(array)], {
		type: "image/jpeg"
});
var formpost = new FormData();
formpost.append("image", blob, Date.now() + ".jpg")