base64、File、Blob、ArrayBuffer互转

file对象转base64

export const FileToBase64 = (file) => {return new Promise((resolve, reject) => {const reader = new FileReader();reader.onload = (e) => { resolve(e.target.result); };reader.onerror = () => {reject();};reader.readAsDataURL(file);});
};

blob转成base64

export const blobToBase64 = (blob) => {return new Promise((resolve, reject) => {const reader = new FileReader();reader.onload = (e) => { resolve(e.target.result); };reader.onerror = () => {reject();};reader.readAsDataURL(blob);});
};

base64转blob

export const base64ToBlob = (code) => {const parts = code.split(";base64,");const contentType = parts[0].split(":")[1];const raw = window.atob(parts[1]);const rawLength = raw.length;const uInt8Array = new Uint8Array(rawLength);for (let i = 0; i < rawLength; ++i) {uInt8Array[i] = raw.charCodeAt(i);}return new Blob([uInt8Array], { "type": contentType });
};

base64转File

export const base64ToFile = (code, fileName) => {const parts = code.split(";base64,");const contentType = parts[0].split(":")[1];const fileExt = contentType.split("/")[1];const raw = window.atob(parts[1]);const rawLength = raw.length;const uInt8Array = new Uint8Array(rawLength);for (let i = 0; i < rawLength; ++i) {uInt8Array[i] = raw.charCodeAt(i);}return new File([uInt8Array], `${ fileName }.${ fileExt }`, { "type": contentType });
};

blob转ArrayBuffer

export const blobToArrayBuffer = (blob) => {return new Promise((resolve, reject) => {const reader = new FileReader();reader.onload = (e) => { resolve(e.target.result); };reader.onerror = () => {reject();};reader.readAsArrayBuffer(blob);});
};

file转ArrayBuffer

export const fileToArrayBuffer = (file) => {return new Promise((resolve, reject) => {const reader = new FileReader();reader.onload = (e) => { resolve(e.target.result); };reader.onerror = () => {reject();};reader.readAsArrayBuffer(file);});
};

base64、File、Blob、ArrayBuffer互转相关推荐

html5 文件转byte[],JS 文件base64、File、Blob、ArrayBuffer互转
二进制互转 1. file对象转base64let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reade ...
理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
FormData 对象的使用地址:https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects 一. ...
DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
一.XMLHttpRequest 2.0的家臣们我大学那会儿,一个称为Ajax的东西对前端行业造成了深远影响,不仅是JS语言,而包括前端地位.职位兴起以及工作分工等.抛开IE6浏览器不谈,其他浏览器 ...
img 格式相互转换 url, base64，blob, file
正常向后端传的文件就是file格式,存储到文件服务器 url -> base64 -> file url -> blob -> file url -> base64 - ...
base64和图片的互转（HTML5的File实现)
base64和图片的互转(HTML5的File实现) 2013-08-02 0 个评论作者:qklin 收藏我要投稿刚接触到一个内联图片的概念,内联图片即使把图片 ...
图片base64，file,blob格式的相互转换，以及gif转base64
图片base64,file,blob格式的相互转换,以及gif转base64(第六点) 1.new Image()图片链接转base64 只能转化为普通的jpg/png图片.无法转化gif图 type ...
base64、blob格式相互转换及应用
1.Base64 to Blob function dataURLtoBlob(dataurl) {var arr = dataurl.split(','), //分割为数组,分割到第一个逗号let ...
深入理解xhr responseType blob arrayBuffer document text json使用
一般的xhr请求 let url = window.URL || window.webkitURL;let xhr = new XMLHttpRequest();xhr.open(method, ur ...
audio标签 FileReader blob转base64 base64转blob 语音
base64转blob内容 function sentComment() {var url = $("#albumItemCommentURL").val();var params ...
图片/视频url 转 File Blob
图片转Base64 由于 onload 方法是异步的便于取值, 用 Promise 封装一下 function urlToBase64(url) {return new Promise((resol ...

base64、File、Blob、ArrayBuffer互转

file对象转base64

blob转成base64

base64转blob

base64转File

blob转ArrayBuffer

file转ArrayBuffer

base64、File、Blob、ArrayBuffer互转相关推荐

最新文章

热门文章