js base64转图片链接
时间: 2023-09-10 17:11:33 浏览: 44
可以使用以下代码将base64编码的图片转换为图片链接:
```javascript
function base64ToImage(base64Str) {
let img = new Image();
img.src = "data:image/png;base64," + base64Str;
return img.src;
}
```
其中,`base64Str`是base64编码的字符串,返回值是图片链接。
相关问题
js图片链接转base64
在JavaScript中,你可以使用不同的方法将图片链接转换为base64。其中一种方法是使用HTMLCanvasElement的toDataURL()方法。这个方法可以将Canvas元素中的内容转换为base64编码的字符串。你可以将图片加载到一个Canvas元素中,然后使用toDataURL()方法来获取base64编码的图片数据。这个方法适用于将远程图片链接转换为base64编码。
另一种方法是使用FileReader的readAsDataURL()方法。这个方法可以将File对象或Blob对象转换为base64编码的字符串。你可以使用fetch API请求获取远程图片的Blob对象,然后使用readAsDataURL()方法来获取base64编码的图片数据。这个方法适用于将远程图片链接转换为base64编码。
如果你要将本地图片转换为base64编码,你可以使用canvas的基本操作和toDataURL()方法。首先,你需要创建一个Canvas元素,并将图片加载到这个Canvas元素中。然后,使用toDataURL()方法将Canvas中的内容转换为base64编码的字符串。这个方法适用于将本地图片转换为base64编码。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [js将图片或者文件转成base64格式的两种方法](https://blog.csdn.net/qq_17335549/article/details/128134996)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
uniapp H5中将图片链接转成base64
可以使用canvas将图片转换成base64格式,以下是示例代码:
```javascript
// 获取图片
let img = new Image();
img.crossOrigin = 'anonymous'; // 需要设置图片跨域属性
img.src = 'https://example.com/image.jpg'; // 图片链接
// 将图片绘制到canvas上
let canvas = document.createElement('canvas');
let ctx = canvas.getContext('2d');
img.onload = function() {
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0, img.width, img.height);
let base64 = canvas.toDataURL('image/jpeg'); // 转换成base64格式
console.log(base64);
}
```
注意:需要将图片设置为跨域,并且图片加载完成后才能进行转换。