点击a超链接 下载而不是直接打开

最新推荐文章于 2024-05-15 00:45:24 发布
最新推荐文章于 2024-05-15 00:45:24 发布
阅读量2.2w 收藏 5
点赞数 2
分类专栏： Java编程开发 文章标签： Html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/succing/article/details/78378685
版权

核心代码：在a标签里添加  download=""  ，“”里面的内容可随意写，比如文件名。

<a href="/download/武林秘籍.pdf" download="">武林秘籍.pdf</a>

温馨提示：不建议采用超链接下载（原因：有些版本浏览器是直接打开了，而不是下载），可以采用流模式。

由于代码相对比较长，源码见：http://download.csdn.net/download/xp871038951/10044014  （资源分不够的，可留言或添加QQ871038951，免费发放！）

 

血煞长虹
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
专栏目录
＜a＞链接下载视频 而不是打开新页面播放
small_white_123的博客
08-02 4546
链接下载视频 而不是打开新页面播放
点击超链接实现文件下载而不是打开
gao_zhennan的博客
05-24 1万+
一、问题发生 在学习文件下载功能时出现了以下问题： 当下载图片类型文件时，会在浏览器中直接打开。 添加Content-Disposition: attachment 响应头无效，图片还是直接打开 添加Content-Disposition: attachment 图片可以下载，但pdf类型文件还直接打开 本文将针对以上三个问题的解决展开。 二、问题解决 1、Content-Dispositio...
Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。
最新发布
2401_84152911的博客
05-15 1298
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
使用a标签下载文件而不是直接打开
jacklin_01的博客
03-06 4994
href + download方法 当我们使用a标签链接要下载的.txt或者.log等文件时，总是浏览器直接打开了文件而不是下载解决方式如下：给a标签添加一个download属性 <a href="/upload/aaa.txt" download> 其中download可以给值也可以不给值 自己尝试一下 ...
iOS中的请求下载和直接下载的区别
weixin_30664539的博客
08-07 95
NSRequest详解： http://blog.csdn.net/bl1988530/article/details/6590099 ajax同步请求与异步请求的解释： http://285746555.blog.51cto.com/2966432/624295 http://www.cnblogs.com/liunx/archive/2010/08/06/1793954.html...
a标签下载图片文件时，不让他打开而是直接下载的正确方式
tutouman的博客
08-12 2623
其实很简单，只需要在url最后加上“response-content-type=application/octet-stream”即可！至于为什么加这个参数能下载下来，据说是因为使用这个contentType的话访问页面的时候浏览器就会开启下载框对其内容进行下载。使用a标签的download属性进行下载操作时，如果下载的是图片视频类的，则只能下载同源文件，非同源的文件浏览器会自动打开浏览而非下载，那么非同源的该如何操作才能下载呢？
连接到txt文本的超链接，不直接打开而是点击后下载的处理方法
10-29
然而，有些时候我们可能希望用户在点击链接时能够下载文件而不是直接打开。要实现这一点，需要修改服务器端的MIME类型设置或在发送文件时指定正确的HTTP头部信息。 对于apache、IIS、tomcat等服务器，通常可以在...
echarts 全国地图 点击地图上的点，打开超链接 地图点击事件
04-10
通常，我们可以从ECharts的官方网站上下载最新的版本，或者直接通过CDN链接引用： ```html <script src="https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script> ``` 接下来，我们需要准备...
使用a链接时如何阻止超链接跳转
09-28
在网页开发中，`<a>`标签用于创建超链接，它可以指向另一个页面或者执行JavaScript代码。然而，在某些情况下，我们可能需要阻止默认的链接跳转行为，比如在用户进行特定操作后才允许跳转，或者在点击链接时执行一些...
HTML制作超链接QQ号,点击后启动QQ聊天框
11-10
要实现点击后打开QQ聊天框，我们不能直接使用URL形式的QQ号码，因为普通的QQ号码链接会被浏览器解析为网页而不是聊天。我们需要使用一种特殊格式的URL，这个URL会启动QQ客户端并打开指定的QQ号码聊天窗口。这个URL...
a标签下载链接的简单实现
09-28
这里的`download`属性值为`"下载我.zip"`，意味着浏览器将会使用这个名字保存下载的文件，而不是原始的`Swiper-2.7.6.zip`。请注意，尽管可以更改文件的扩展名，但这样做可能导致文件无法正常打开，因为文件内容的...
解决点击链接是浏览非下载的问题
TianmengLong的博客
07-07 742
思路：生成a链接，将地址转成blob二进制格式
html使用a标签不通过后台实现直接下载
weixin_33711647的博客
06-21 971
在做项目的时候经常会碰到上传下载,通常在上传完文件以后会把文件在项目中的相对路径存到数据库以便下载，如果想直接下载文件，不通过后台action，则可以直接把文件路径给a标签的href属性，例如： <a href="/uploadfolder/xxxx.txt">点击下载</a> 这样用户在点击这个链接的时候，就会直...
使用h5 <a>标签 href='url' download 下载踩过的坑
热门推荐
yiyan12的专栏
07-03 6万+
用户点击下载多媒体文件(图片/视频等)，最简单的方式： &lt;a href='url' download="filename.ext"&gt;下载&lt;/a&gt; 如果url指向同源资源，是正常的。 如果url指向第三方资源，download会失效，表现和不使用download时一致——浏览器能打开的文件，浏览器会直接打开，不能打开的文件，会直接下载。浏览器打开的文件，可以手动下载。...
点击a标签下载pdf并解决跨域问题
weixin_68915174的博客
06-28 1606
通过设置download来实现点击url下载 想要的效果：实际效果： 此时会跳转的新的页面，展示pdf的内容,download无效，这是因为异步的原因，存在跨域问题，无法实现直接下载 通过这种方式可以解决跨域问题，实现想要的效果
JS a标签下载文件而不打开文件
wlpz0528的博客
11-17 1055
JS a标签下载文件而不打开文件
＜a＞链接下载视频/图， 不是打开新页面预览
huanglei201502的博客
09-29 1630
下载视频，图片无需打开
HTML中的a标签实现点击下载
weixin_30826095的博客
01-18 5338
通常在咱们写项目的时候会遇到上传下载什么的，在上传完文件后会把文件的路径保存到数据库里以便下载，如果想不通过后台直接下载的话，可以把文件路径给a标签的属性href； <a href="/user/test/xxxx.txt">点击下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。 但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开...
href 超链接下载
02-27
href超链接是HTML中用于创建链接的属性，可以用来指定链接的目标地址。通常情况下，href属性用于指定一个URL，当用户点击链接时，浏览器会自动跳转到该URL。 如果你想要通过超链接下载文件，可以将文件的URL作为href属性的值。当用户点击链接时，浏览器会开始下载该文件。 以下是一个示例代码，演示如何创建一个超链接下载文件： ```html <a href="https://example.com/file.pdf" download>点击这里下载文件</a> ``` 在上面的代码中，`https://example.com/file.pdf` 是文件的URL，`download` 是一个HTML5新增的属性，用于指示浏览器下载文件而不是打开它。当用户点击链接时，浏览器会自动下载名为`file.pdf`的文件。 需要注意的是，不同类型的文件可能会有不同的处理方式。例如，浏览器可能会直接打开图片或文本文件，而不是下载它们。如果你希望强制浏览器下载文件，可以使用服务器端的配置或者设置响应头来实现。 希望以上信息对你有帮助！如果你还有其他问题，请继续提问。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值