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

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文件夹中的文件才是默认下载,其他的名字都不行。

<a href="连接的页面"><img src="image/图片名称" border="0"></a>如果是这样的话,那是对的。 不过不排除别人把连接换成了mp3,rar等等格式的文件,这样的话当然就要是下载啦!你可以查看源代码,看连接是不是换了。如果是的话,那就没什么奇怪的了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7201330.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存