js base64转png
时间: 2023-09-10 20:11:01 浏览: 133
js html java servlet 前台接收base64数据后台转图片保存上传
首先,你需要将 base64 字符串转换为二进制数据,然后将其保存为 PNG 文件。下面是一段 JavaScript 代码实现这个过程:
```javascript
function base64ToPNG(base64String, fileName) {
// 将 base64 字符串转换为二进制数据
const byteCharacters = atob(base64String);
const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i < byteCharacters.length; i++) {
byteNumbers[i] = byteCharacters.charCodeAt(i);
}
const byteArray = new Uint8Array(byteNumbers);
// 创建并保存 PNG 文件
const blob = new Blob([byteArray], { type: 'image/png' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = fileName;
a.click();
URL.revokeObjectURL(url);
}
```
使用方法:
```javascript
const base64String = '...'; // 替换为你的 base64 字符串
const fileName = 'image.png'; // 替换为你想要保存的文件名
base64ToPNG(base64String, fileName);
```
这段代码会将 base64 字符串转换为二进制数据,然后创建一个 Blob 对象,并将其保存为 PNG 文件。你也可以将这个代码封装成一个函数,以便于在你的项目中重复使用。
阅读全文