Question

HTML想实现点击一个a标签下载链接里的文件，而不是浏览器直接打开预览，需要怎么实现

<a href="http://www.0000/xxxx.jpg" download="xxxx.jpg">点击下载</a>
但是火狐浏览器不支持a标签的download，会把文件直接打开预览,用什么方法可以代替一下呢？

Answer 1

function downloadIamge(selector, name) {  
    // 通过选择器获取img元素，  
    var img = document.querySelector(selector)  
    // 将图片的src属性作为URL地址  
    var url = img.src  
    var a = document.createElement('a')  
    var event = new MouseEvent('click')  
       
    a.download = name || '下载图片名称' 
    a.href = url  
       
    a.dispatchEvent(event)  
}

<img src="1.jpg" class="img1"></img>  
<input type="button" value="download_image" onclick="downloadIamge('.img1','1.jpg')">