base64转file文件源码记录

曾经终败给现在 2021-12-03 02:51 369阅读 0赞

##### 场景 #####

我们前后端交互图片的时候，一般我们是用base64进行交互的，但是很多时候我们传递图片的时候很多的后端是需要file文件格式的，而不是base64的，所以这个时候是需要进行一个简单的转变

###### 源码记录 ######

/** * @dataURLtoBlob 转文件格式 */
          dataURLtoBlob : function(dataurl) { 
            let 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 Blob([u8arr], { 
              type: mime
            });
          },
          /** * @param {Object} theBlob 文件 * @param {Object} fileName 文件名字 */
          blobToFile : function(theBlob, fileName) { 
            theBlob.lastModifiedDate = new Date();
            theBlob.name = fileName;
            return theBlob;
          },

##### 调用 #####

let blob = that.dataURLtoBlob(data);
                  let file = that.blobToFile(blob, "imgName");
                  let send_file = new FormData();
                  send_file.append("upfile", file,"image.png");

> send\_file就是我们需要的给后端的文件，这篇文章只是用来记录一下，所以不写别的废话了，这里简单的说一下，我们拿到一个base64文件的时候，想验证一下是不是正确的格式的话，那么我们是可以直接放到url里面，他可以识别出图片本身，那么就是一个正确的base64，如果不行，那么就不是一个正确的base64格式的文件，还有就是直接在网上找在线转换的工具，这个是很多的。

##### 谢谢阅读 #####

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读

相关 java中文件转Base64字符串及Base64字符串转文件

文件转Base64字符串及Base64字符串转文件 import org.apache.commons.codec.binary.Base64;

女爷i/ 2022年12月28日 04:04/ 0 赞/ 186 阅读

相关 android 文件转base64，Base64转文件

在项目中需要用到文件传输入，为了传输方便最好的办法是将文件转成base64字串，再将base64字串转成字节流保存在文件了。不过这种做法的虽然简单，但还是要根据实际需要进行

ゝ一纸荒年。/ 2022年08月26日 11:21/ 0 赞/ 917 阅读

相关原生上传file 预览图片转码base64

<div class="form-group"> <label class="col-sm-4 control-label" for="remark">企业logo:</l

矫情吗；*/ 2022年07月13日 13:42/ 0 赞/ 236 阅读

相关 base64转图片图片转base64

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

本是古典何须时尚/ 2022年06月17日 05:09/ 0 赞/ 334 阅读

相关图片文件转base64和base64转图片文件

一、图片文件转base64 function imgFileToBase64() { //$im

我不是女神ヾ/ 2022年06月17日 02:49/ 0 赞/ 316 阅读

相关 javascript 文件转base64

javascript 文件转base64 / javascript 文件转base64 obj <input type='file'> fnc 回调函数 /

电玩女神/ 2022年06月01日 04:11/ 0 赞/ 219 阅读

相关 base64转文件

base64转文件 / 文件流base64字符串后轉成文件 @param {string} base64Data 數據 @param {string} co

我就是我/ 2022年05月29日 06:26/ 0 赞/ 845 阅读

相关 base64转MultipartFile文件

import org.springframework.web.multipart.MultipartFile; import sun.misc.BASE64De

古城微笑少年丶/ 2022年01月20日 07:51/ 0 赞/ 631 阅读

相关 base64转file文件源码记录

场景我们前后端交互图片的时候，一般我们是用base64进行交互的，但是很多时候我们传递图片的时候很多的后端是需要file文件格式的，而不是base64的，所以这个时候是

曾经终败给现在/ 2021年12月03日 02:51/ 0 赞/ 370 阅读

相关 Java-Base64转码

import com.bootdo.claimApilnteraction.util.BaseFile; import org.apache.commons.c

我不是女神ヾ/ 2021年09月28日 01:18/ 0 赞/ 299 阅读