用html怎么完成“点击下载”功能

html-css019

用html怎么完成“点击下载”功能,第1张

使用HTML中的<a>标签可以实现这个功能。实例如下：

<a href="xxx.zip">点击下载该压缩包</a>

将href的地址设置为一个文件的路径，点击该链接后即可弹出下载该文件的提示，完成点击下载功能。

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')">