用a标签下载图片
href: 文件的绝对/相对地址download: 文件名(可省略,省略后浏览器自动识别源文件名)<a href='xxx.jpg' download='file.jpg'>下载jpg图片</a>
在HTML5中,download是标签的新增属性,download属性能让我们指定浏览器下载文件时的默认名称,也就是在客户端重命名下载文件。
出现的问题
同域图片使用a标签下载,不同下载不了
HTML+JS下载图片到本地
<img id="girlImg" src="girl.jpg" alt=""><button class="downloadBtn" type="button" οnclick="downloadImg()">下载图片</button>
function downloadImg(){var img = document.getElementById('girlImg'); // 获取要下载的图片var url = img.src; // 获取图片地址var a = document.createElement('a'); // 创建一个a节点插入的documentvar event = new MouseEvent('click') // 模拟鼠标click点击事件a.download = 'beautifulGirl' // 设置a节点的download属性值a.href = url; // 将图片的src赋值给a节点的hrefa.dispatchEvent(event) // 触发鼠标点击事件}
该方法有什么问题 目前还未知 以后出现问题会再次说明