js下载base64图片到本地
时间: 2024-05-07 07:13:27 浏览: 11
在JavaScript中,可以通过创建一个链接并设置其href属性为base64编码的图片数据来实现下载base64图片到本地的功能。以下是一个简单的示例代码:
```javascript
function downloadBase64Image(base64Data, fileName) {
// 创建一个虚拟的a标签
var link = document.createElement('a');
link.href = base64Data;
link.download = fileName;
// 触发点击事件进行下载
link.click();
}
// 调用函数下载base64图片
var base64Data = 'data:image/png;base64,iVBORw0KG...'; // 这里替换为你的base64图片数据
var fileName = 'image.png'; // 下载的文件名
downloadBase64Image(base64Data, fileName);
```
上述代码中,`downloadBase64Image`函数接受两个参数:`base64Data`表示base64编码的图片数据,`fileName`表示下载后保存的文件名。函数内部通过创建一个虚拟的a标签,将其href属性设置为base64数据,并设置download属性为文件名,然后触发点击事件进行下载。
相关问题
js保存图片base64到本地
你可以使用以下方法将图片的 base64 编码保存到本地:
1. 创建一个 `<a>` 标签:
```javascript
var link = document.createElement('a');
link.href = "data:image/png;base64,iVBORw0KG..."; // 在这里替换为你的 base64 数据
link.download = 'image.png'; // 设置下载的文件名
```
2. 将 `<a>` 标签添加到文档中:
```javascript
document.body.appendChild(link);
```
3. 触发点击事件,下载图片:
```javascript
link.click();
```
完整的示例代码如下:
```javascript
function saveBase64Image(base64Data, fileName) {
var link = document.createElement('a');
link.href = base64Data;
link.download = fileName;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
// 使用示例:
var base64Data = "data:image/png;base64,iVBORw0KG...";
var fileName = "image.png";
saveBase64Image(base64Data, fileName);
```
这样就可以将 base64 编码的图片保存到本地了。记得替换 `base64Data` 和 `fileName` 变量为你自己的数据。
js下载base64图片文件
可以使用以下代码将 base64 图片文件下载为本地文件:
```javascript
function downloadBase64File(base64Data, fileName) {
const link = document.createElement('a');
link.href = base64Data;
link.download = fileName;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
```
其中,`base64Data` 是 base64 编码的图片数据,`fileName` 是要保存的文件名。
例如,如果要下载名为 `image.png` 的 base64 图片文件,可以使用以下代码:
```javascript
const base64Data = 'data:image/png;base64,iVBORw0KG...';
const fileName = 'image.png';
downloadBase64File(base64Data, fileName);
```