file和base64格式转换

base64转file

/*** base64转file* @param { base64 } base64* @param { string } filename 转换后的文件名* @return {{}} file*/
export const base64ToFile = (base64, filename )=> {let arr = base64.split(',');let mime = arr[0].match(/:(.*?);/)[1];let suffix = mime.split('/')[1] ;// 图片后缀let bstr = atob(arr[1]);let n = bstr.length;let u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n)}return new File([u8arr], `${filename}.${suffix}`, { type: mime })
};

file转base64

/*** file转base64* @param { * } file 图片文件* @return {base64}*/
export const fileToBase64 = file => {let reader = new FileReader();reader.readAsDataURL(file);reader.onload = function (e) {return e.target.result};
};

base64转blob, blob转file

/*** base64转blob* @param { base64 } base64* @return {blob}*/
export const base64ToBlob = base64 => {let arr = base64.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 });
};/*** blob转file* @param { blob } blob* @param { string } fileName* @return {blob}*/
export const blobToFile = (blob, fileName) => {blob.lastModifiedDate = new Date();blob.name = fileName;return blob;
};

file和base64格式转换相关推荐

文件与base64格式转换
前提引入 nodejs 的 fs 模块: const fs = require("fs"); 读取png图片转换成 base64 格式: function readFile(fil ...
图片格式转换（File、Blob、base64）
前言记录一下比较常见的图片格式(File.Blob.base64)在不同的场景他们之间的相互转换的方法. 一.类型简介 Blob BLOB(binary large object): 二进制大对象, ...
Blob如何在html里转换成图片,前端图片canvas，file，blob，DataURL等格式转换
前端图片canvas,file,blob,DataURL等格式转换最近用到一些图片相关的操作,记录一下笔记. 将file转化成base64 场景: 获取到一个file类型的图片,如果直接在html中预 ...
base64图片格式转换
base64图片格式转换 1. base64转换为 blob 2. base64转换为 file 文件流 3. 获取blob 及 file 1. base64转换为 blob // 将base64转换 ...
如何将图片转换base64格式？data:image/png;base64又是什么？
一.我们在看代码时经常在img或css背景图片中看到: src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAA ...
img图片的预览和下载（iframe基本使用），图片转file格式，file文件转base64格式，base64的编码和解码
目录一.根据后端接口返回的URL下载和预览图片 1.调用下载图片函数实现下载图片 2.弹出另一个页面,实现预览图片. 3.不弹出另一个页面,实现下载/预览图片(iframe方式) 4.动态创建ifr ...
【前端图片转化】 base64格式转为 File文件类型
下面的函数能将base664格式用于已知bseae64 转File格式上传求点赞!! 关注!! 收藏 !! base64格式的图片不能直接上传到oss图片服务器的,需要转换成file文件流的形式上 ...
vue中调用摄像头拍照，并把拍照的base64格式转换为file传递后台
需求: 在vue项目中使用摄像头拍摄照片传递,进行上传,如果上传成功可以获取到url链接,进行下一步的操作内容梳理 1.首先进入页面打开摄像头 2.点击手动拍照进行拍摄照片,实时显示拍照效果 3.拿 ...
前端将base64图片转换成file文件
1.base64转成file具体代码 // base64图片转file的方法(base64图片, 设置生成file的文件名)function base64ToFile(base64, fileName ...

file和base64格式转换

base64转file

file转base64

base64转blob, blob转file

file和base64格式转换相关推荐

最新文章

热门文章