使用js 进行base64转图片
时间: 2023-04-04 12:04:59 浏览: 133
可以使用以下代码将base64字符串转换为图片:
```javascript
function base64ToImage(base64Str) {
var img = new Image();
img.src = base64Str;
return img;
}
```
其中,base64Str是base64编码的字符串。使用该函数可以将base64字符串转换为图片对象,然后可以将该图片对象插入到HTML文档中。
相关问题
JS PDF base64 转 图片
您可以使用JavaScript的Canvas API将base64编码的PDF转换为图片。下面是一个示例代码:
```javascript
// 创建一个Image对象
var img = new Image();
// 将base64编码的PDF赋值给Image对象的src属性
img.src = 'data:application/pdf;base64,' + yourBase64PDF;
// 等待图片加载完毕
img.onload = function() {
// 创建一个Canvas元素
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
// 设置Canvas的宽高与图片一致
canvas.width = img.width;
canvas.height = img.height;
// 在Canvas上绘制图片
ctx.drawImage(img, 0, 0);
// 将Canvas转换为base64编码的图片
var base64Img = canvas.toDataURL('image/png');
// 打印base64编码的图片数据
console.log(base64Img);
};
```
您需要将`yourBase64PDF`替换为您实际的base64编码的PDF数据。该代码会将PDF转换为base64编码的图片数据,并将其打印到控制台。
js前端base64转图片
js前端可以使用以下代码将base64转化为图片:
```
var base64Data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD...";
var img = new Image();
img.src = base64Data;
document.body.appendChild(img);
```
阅读全文