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

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

2024-11-03 22:53:35

推荐回答（1个）

回答（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">