解决a标签png下载问题兼容ie火狐(firefox) safari浏览器谷歌 360

最新推荐文章于 2024-01-24 17:30:42 发布

原创最新推荐文章于 2024-01-24 17:30:42 发布 · 812 阅读

0 ·

CC 4.0 BY-SA版权

小白分享专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的图片资源下载脚本，该脚本通过XMLHttpRequest对象发送GET请求来获取图片资源，并提供了多种方式将图片保存到本地，包括使用IE10+的msSaveBlob方法和创建a标签点击下载。

function aa(){
                var x=new XMLHttpRequest();
                var resourceUrl = "https://nie.res.netease.com/r/pic/20200731/dc6be18a-b0b4-4447-9bad-1050d1acd38f.jpg";
                x.open("GET", resourceUrl, true);
                x.responseType = 'blob';
                
                x.onload=function(e){
                	// ie10+
                	if (navigator.msSaveBlob) {
                		var name = resourceUrl.substr(resourceUrl.lastIndexOf("/") + 1);
                		return navigator.msSaveBlob(x.response, name);
                	} else {
                		var url = window.URL.createObjectURL(x.response)
                		var a = document.createElement('a');
                		a.href = url;
                		a.download = '下载';
                		a.click();
                	}
                }
                x.send();
            }