fileToBase64函数:这是一个异步函数,使用FileReader的readAsDataURL方法读取文件,并返回一个Promise。当读取完成时,通过onload事件解析器将Base64编码的字符串传递给resolve。 使用示例: 创建一个文件输入元素。 设置其类型为file,以便用户可以选择文件。 当文件被选择时,调用fileToBase64函数,并将结果输出到控制台。
console.log(imgBase64.value); console.log(base64ToFile(imgBase64.value, fileList.name)); }; reader.onerror=function(err) { console.log(err); }; base64ToFile函数: const base64ToFile = (base64, fileName) =>{ let data= base64.split(","); let type= data[0].match(/:(.*?);/...
1. base64 转换为blob functiondataURItoBlob(base64Data) {//console.log(base64Data);//data:image/png;base64,varbyteString;if(base64Data.split(',')[0].indexOf('base64') >= 0) byteString= atob(base64Data.split(',')[1]);//base64 解码else{ byteString= unescape(base64Data.split('...
base64ToFile(base64) 1. 在线示例:https://mouday.github.io/front-end-demo/base64-file/base64-file.html 参考 js 把base64转file文件的两种方式 JS实现将文件和base64的相互转换
const base64ToFile = (base64, fileName) => { let data = base64.split(","); let type = data[0].match(/:(.*?);/)[1]; let suffix = type.split("/")[1]; const bstr = window.atob(data[1]); let n = bstr.length;
大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器;有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库;有时候后它还有可能是一块canvas画布,或者是一个Image对象,或者直接就是一个图片的url地址,我们需要将它们压缩上传到远程; 二、解决办法 如上图所示,七个...
简介:js:File和Base64(DataURL)互相转换 File转Base64(DataURL) /*** file 转Base64 DataURL* @param {File} file* @returns*/function fileToBase64Async(file) {return new Promise((resolve, reject) => {let reader = new FileReader();reader.readAsDataURL(file);reader.onload = (e) => {resolv...
1. file对象转base64 let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reader) 2. base64 转成blob 上传 function dataURItoBlob(dataURI) { var byteString = atob(dataURI.split(',')[1]); var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[...
1. file对象转base64 let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reader) 2. base64 转成blob 上传 function dataURItoBlob(dataURI) { var byteString = atob(dataURI.split(',')[1]); var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[...
Base64 图片预览 const fileToBase64 = (file, callback) =>{ const reader = new FileReader() reader.onload = function(evt){ if(typeof callback === 'function') { callback(evt.target.result) } else { console.log("我是base64:", evt.target.result); } } /* readAsDataURL 方法会读取...