file 文件与 base64 互相转化

小小1992

已于 2022-09-09 16:58:20 修改

阅读量5.5k

点赞数

分类专栏： javascript 文章标签： java 服务器 servlet

于 2022-09-09 16:29:43 首次发布

本文链接：https://blog.csdn.net/u014645827/article/details/126785469

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript实现Base64编码和解码，包括将data URL转换为本地文件和从文件获取Base64编码。展示了两个关键函数：dataURLtoFile用于将data URL转换为file对象，而fileToBase64则实现了文件内容转为Base64字符串。

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

base64 转 file

function dataURLtoFile(dataurl, filename) {
   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: mime });
}

file 转 base64

* 获取文件的Base64
function fileToBase64（file）{ //file转bse64
   let reader = new FileReader();
   reader.readAsDataURL(file);
   reader.onload = function (e) {
       return e.target.result
   }
}

/**
* file转base64
*/
const blobToDataURL = (blob, cb) => {
let reader = new FileReader();
reader.onload = function (evt) {
let base64 = evt.target.result;
cb(base64);
};
reader.readAsDataURL(blob);
};
export default blobToDataURL;

import blobToDataURL from '../js/blobToDataURL';
//....
// 选择图片
inputImage (e) {
let img = e.target.files[0];
if(img) {
let url = URL.createObjectURL(img);
let base64 = blobToDataURL(img, (base64Url) => {
this.inputImg = base64Url;
});
}
},