js base64图片转换成jpg图片
时间: 2024-04-14 17:24:06 浏览: 195
php base64字符串图片jpeg文本文件转换为jpeg图片
在JavaScript中,可以使用Canvas和DataURL来实现将Base64图片转换为JPG图片的操作。下面是一个简单的示例代码:
```javascript
// 创建一个Image对象
var img = new Image();
// 设置Image对象的src为Base64图片数据
img.src = 'data:image/png;base64,iVBORw0KG...';
// 创建一个Canvas元素
var canvas = document.createElement('canvas');
// 设置Canvas的宽高与图片一致
canvas.width = img.width;
canvas.height = img.height;
// 获取Canvas的2D上下文
var ctx = canvas.getContext('2d');
// 在Canvas上绘制图片
ctx.drawImage(img, 0, 0);
// 将Canvas转换为DataURL
var dataURL = canvas.toDataURL('image/jpeg');
// 创建一个链接元素
var link = document.createElement('a');
// 设置链接的href为DataURL
link.href = dataURL;
// 设置链接的下载属性为文件名
link.download = 'image.jpg';
// 模拟点击链接进行下载
link.click();
```
这段代码首先创建一个Image对象,并将其src属性设置为Base64图片数据。然后创建一个Canvas元素,并设置其宽高与图片一致。接着获取Canvas的2D上下文,并在Canvas上绘制图片。最后将Canvas转换为DataURL,并创建一个链接元素,将链接的href属性设置为DataURL,下载属性设置为文件名,模拟点击链接进行下载。
阅读全文