用javascript将img标记保存在本地磁盘中

我想存储base64类型的图像

保存到本地驱动器

例如，保存在

c:\temp\image.png

// Image type base64
var images = $('.cropme img').attr('src');

---

将图像源分配给base64字符串，如下所示-->

在这里，右键单击此图像，您可以轻松地将其保存到本地驱动器。：）

如果你想在点击按钮后下载它，你必须使用html5下载属性，如图所示

<script>
 var imagedata="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/..";
 document.getElementById('img').setAttribute( 'src',imagedata);
 document.getElementById('anchor').setAttribute( 'href',imagedata);
</script>

var imagedata=“data:image/jpeg；base64，/9j/4aaqskzjrgabaaad/”；
document.getElementById（'img'）.setAttribute（'src'，imagedata）；
document.getElementById（'anchor'）.setAttribute（'href'，imagedata）；

这是您的操作方式：

var save = document.createElement('a');
save.href = $('#myImageID').attr('src');
save.target = '_blank';
save.download = 'photo.jpg'

var event = document.createEvent('Event');
event.initEvent('click', true, true);
save.dispatchEvent(event);
(window.URL || window.webkitURL).revokeObjectURL(save.href);

---

您需要通过用户手势（例如，单击按钮）触发此代码

嗨，亲爱的。没有右键单击此图像。单击按钮并将其保存到我的本地驱动器。您也可以直接将图像src和a href分配给base64字符串：）我希望创建具有2个输入参数的函数。（字符串路径，字符串src）。将图像保存在路径中。例如：函数（“c:\temp\image\”，“data:image/png；base64，iVBO…”）您不能使用纯js直接访问本地路径。Javascript无法访问用户驱动器。那将是一个很大的安全问题，不是吗数据保存到路径！例如：保存在c:\temp\image\img1.png中无法在浏览器上访问本地文件系统。请参阅此链接

var save = document.createElement('a');
save.href = $('#myImageID').attr('src');
save.target = '_blank';
save.download = 'photo.jpg'

var event = document.createEvent('Event');
event.initEvent('click', true, true);
save.dispatchEvent(event);
(window.URL || window.webkitURL).revokeObjectURL(save.href);