JS将base64转换为file对象
今天，在开发头像上传的时候，最后拼成的是一个base64地址，发送给上传接口，可偏偏上传接口只认file对象，这个时候就用到了下面的代码，有需要的同学，可以收藏下
今天，在开发头像上传的时候，最后拼成的是一个base64地址，发送给上传接口，可偏偏上传接口只认file对象，这个时候就用到了下面的代码，有需要的同学，可以收藏下
/*将base64转换为file对象*/
function dataURLtoFile(dataURL, fileName, fileType) {
var arr = dataURL.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new File([u8arr], fileName, { type: fileType || 'image/jpg' });
}
/*用法*/
//.....
var tofile = dataURLtoFile(data.toString(), file.name, file.type);
var form = new FormData();
form.append("image", tofile);
$.ajax({
url: url,
data: form,
type: "POST",
// 告诉jQuery不要去处理发送的数据，用于对data参数进行序列化处理 这里必须false
processData: false,
// 告诉jQuery不要去设置Content-Type请求头
contentType: false,
dataType: "json",
success: function (res) {
},
error: function (res) {
}
});以上这篇JS将base64转换为file对象就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持芦苇派。
原创文章，作者：ECHO陈文，如若转载，请注明出处：https://www.luweipai.cn/html/1628492038/
相关推荐
-
深入理解position sticky 粘性定位
粘性定位可以被认为是相对定位和固定定位的混合（即元素子再跨越特定阈值前为相对定位，之后为固定定位）
-
vue3如何解决reactive()响应式对象初始化重新赋值
在 Vue 3 中，reactive 函数是 Composition API 的一部分，用于创建一个响应式对象。这意味着当你改变这个对象的属性时，任何依赖于这些属性的组件或计算属性都会自动更新。
-
满屏import优化方案之使用模块重导（Re-export）
在编写代码时，随着项目的扩大和功能的增加，我们往往会引入越来越多的外部库和模块，这就导致了import语句数量的激增。然而，过多的import语句不仅会使代码显得杂乱无章，还可能隐藏一些潜在的问题，如未使用的导入、导入顺序混乱等。
-
微信小程序封装公共弹窗dailog组件-UNIAPP篇
在小程序的开发过程中，会发现弹框这东西使用频率太高了，能不能封装一个公共组件呢~ 答案当然是能！！！ 开发思路借鉴了一下vant，有兴趣的同学可以，研究一下
