h5页面使用js实现保存当前图片到手机相册

[qq_37010585]

新人第一次做保存图片到手机相册的功能，去指教

[cn00439805]

var triggerEvent = "touchstart"; //指定下载方式

function saveAs(Url){
    var blob=new Blob([''], {type:'application/octet-stream'});
    var url = URL.createObjectURL(blob);
    var a = document.createElement('a');
    a.href = Url;
    a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
    var e = document.createEvent('MouseEvents');
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    a.dispatchEvent(e);
    URL.revokeObjectURL(url);
}

var imgs = document.getElementsByTagName("img");
for(var i = 0,o;o = imgs[i];i++){
	o.addEventListener(triggerEvent,function(){
		var url = this.getAttribute("src");
		saveAs(url);
	},false);
}

[XIZHOUXIANG]

求救，点击下载按钮后，图片没有下载，单独提出来了

[lucy5555]

有解决的吗？

[恪愚]

引用 4 楼 lucy5555 的回复:

有解决的吗？

引用 3 楼 XIZHOUXIANG 的回复:

求救，点击下载按钮后，图片没有下载，单独提出来了

let a = document.createElement("a"); // 生成一个a元素
let event = new MouseEvent("click"); // 创建一个单击事件
a.download = '图片名字' || "photo"; // 设置图片名称
a.style.display='none';
a.href = '图片路径';
a.dispatchEvent(event); // 触发a的单击事件

这种方式是可以的啊。你试试

[qq_36663682]

移动端也支持a download下载吗？

[_skylar]

移动端safari不支持的

[weixin_46726153]

引用 6 楼 qq_36663682 的回复:

移动端也支持a download下载吗？

解决了吗