// 把图片链接转化成base64
const convertimg2base64 = (img) => {
const canvasEl = document.createElement('canvas');
canvasEl.width = img.width;
canvasEl.height = img.height;
const ctx = canvasEl.getContext('2d');
ctx.drawImage(img, 0, 0, img.width, img.height);
const imgsuffix = img.src
.match(/\.[^\\.]+$/)[0]
.substring(1)
.toLowerCase();
return canvasEl.toDataURL(`image/${imgsuffix}`);
};
const tobase64 = (link, callback) => {
const img = new Image();
img.src = link;
img.crossOrigin = 'anonymous';
img.addEventListener('load', () => {
const imgbase64 = convertimg2base64(img);
callback(imgbase64);
});
};
使用:
detail?.avatar = 'https://img2.baidu.com/it/u=3791594086,1804445139&fm=253&fmt=auto&app=138&f=JPEG?w=658&h=494'
let detail['imgbase64'] = '';
tobase64(detail?.avatar, (base64data) => {
detail['imgbase64'] = base64data;
});
将图片链接转化成base64编码
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 类似base64流的图片解析并展示: 将Base64数据流转换为可展示的Bitmap 注意:含有“data:ima...