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

html-css023

HTML想实现点击一个a标签下载链接里的文件，而不是浏览器直接打开预览，需要怎么实现,第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')">

<a href="download/1.zip">xiazai</a>

上面的1.zip需要放在当前页面目录下的download文件夹内即可。

注：只有在download文件夹中的文件才是默认下载，其他的名字都不行。