将图片(路径)转换为Base64 和 将base64转换为file类型
生活随笔
收集整理的這篇文章主要介紹了
将图片(路径)转换为Base64 和 将base64转换为file类型
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
?
var image={/* 將圖片(路徑)轉換為Base64 */getBase64FromImageURL(url, callback) {var canvas = document.createElement('canvas'),ctx = canvas.getContext('2d'),img = new Image;img.crossOrigin = 'Anonymous';img.onload = function() {canvas.height = img.height;canvas.width = img.width;ctx.drawImage(img, 0, 0);var base64URL = canvas.toDataURL('image/png');callback(base64URL);canvas = null;};img.src = url;},/* 將base64轉換為file類型 */getFileFromBase64(base64URL, filename) {var arr = base64URL.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 });}
}
/* 測試用例 */
image.getBase64FromImageURL('1.png', (base64URL)=> {console.log(base64URL);var imgURL = image.getFileFromBase64(base64URL, 'imgName');console.log(imgURL);
});
總結
以上是生活随笔為你收集整理的将图片(路径)转换为Base64 和 将base64转换为file类型的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VSCode设置合并行快捷键
- 下一篇: Copy复制命令兼容各种浏览器(等同于触