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

1、在a标签中指定href='文件路径',download='文件名';这样直接点a标签就能下载文件了。

2、给按钮绑定个click事件,在事件里使用window.location.href='文件路径',或者window. open("文件路径")

3、如果需要从后台查询文件,也可以直接后台返回流也行的

搜索转换器就可以。

第1步:进入转换器通过点击“添加Excel”按钮或“添加文件夹”按钮将Excel文件或文件夹添加到列表中。

步骤2:在列表中选择Excel文件或文件夹。

步骤3:选择输出目录。

步骤4:单击“转换”按钮


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存