解决a标签download属性无效问题

最新推荐文章于 2024-05-07 11:56:11 发布
最新推荐文章于 2024-05-07 11:56:11 发布
阅读量1.5w 收藏 2
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Buddha_ITXiong/article/details/90404253
版权

起初遇到这个问题是因为在QQ浏览器中，a链接无法下载浏览器插件(.crx文件)，既没有弹出下载窗口，在下载记录里面也找不到下载文件，后面就给a标签添加了这个download属性。

download属性的作用是强制弹出下载窗口，属性值可以自定义，一般定义为要下载的文件名。了解更详细用法

但是在之后又遇到了问题，网站协议由http改成了https协议，a链接的下载链接中忘记修改，所以下载窗口没有弹出来。

由此可见download由于浏览器安全策略不支持跨域

 

 

Buddha_ITXiong
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery标签切换知识点总结源码
10-02
在实际项目中，我们可能还需要考虑如何处理初次加载时的默认选中状态，以及如何避免重复点击同一标签页时的无效切换。可以使用`data-*`属性存储状态，或者使用JavaScript变量来跟踪当前选中的标签页。 此外，为了...
通过a标签下载文件，不能下载原因
热门推荐
fearlessnesszhang的博客
05-04 1万+
<a href="../api/v1/file/downloadTemplate?templateFileName=sampleExcel.xls&downloadFileName=Excel填写实例.xls" class="layui-btn" style="color:white">Excel填写实例</a><a href="../api/v1/fi
a 标签 download 属性失效解决方案
给我一根筷子，我能撬动整个地球
02-17 2948
在网页中为了实现附件下载功能通常会使用 a 标签的 download 属性，但是对于跨域的图片资源，浏览器会直接打开这个图片，而不是下载。在 JavaScript 使用 ajax 获取图片内容，然后动态创建文件地址，通过模拟 a 标签的点击事件完成下载。将图片地址页面同源处理，可以在nginx中配置代理转发到指定的图片地址。// 需要指定响应类型为 blob。
前端 a链接 如何实现下载功能
最新发布
胡西风的博客
05-07 353
在中后台项目中，前端难免需要处理下载的逻辑，需要下载的内容包括但不限于图片、Excel 表格、CSV 文件、MP4 文件、PDF 文件、TXT 文件、JSON文件、HTML 文件等等。虽然下载的内容各式各样，但是下载的原理大同小异。下面来一起学习一下前端是如何处理下载的。URL.createObjectURL(blob) 可以直接访问，无需 “编码 / 解码”，但需要记得撤销（revoke）；而 Data URL 无需撤销（revoke）任何操作，但对大的 Blob 进行编码时，性能和内存会有损耗。
HTML--a--download-属性
一万年太久，只争朝夕
09-23 2548
测试地址 <a href="http://www.cuit.edu.cn/Images/logo.png" download="cuit_logo">下载图片</a> ###定义和用法 href 属性定义了下载链接的地址。 download 属性定义了下载文件的名称，文件扩展名由浏览器自动检测添加。 (1) 当 download 属性值不为空时，下载的文件的名字由 download 的属性值确定，扩展名分两种情况： ① download 中指定后缀名 <a href="150
a元素的download属性
janthinasnail的博客
05-30 2585
之前一直使用php插件完成文件下载功能，今天看项目代码的时候，看到可以通过a的download属性进行下载，代码如下： html部分代码： <a onclick='downloadData'>download</a> js部分代码： function downloadData(){ // 使用a的download属性下载文件 var filen...
关于a标签添加了download属性下载文件失败的问题
qq_41502024的博客
10-15 4548
1.描述 环境：webstorm vue.js 2.问题：下载未发现文件 3. 原因： （1）文件位置没有放对 （2）文件名字包含中文 4.解决 （1）把文件放到static目录（静态资源目录）下 （2）上图：【看文件目录和a标签就行了】 ...
html中a标签download属性使用方法和介绍
徊忆羽菲
12-04 1644
html中a标签download属性使用方法和介绍使用实例定义和用法语法浏览器支持 使用实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>奇葩天地网(qipa250.com)</title> </head> <body> <p>点击 qipa250.com 图片 logo 下载图片:<p> <a hr
Ant To Download the code from SVN automatically
03-18
标题 "Ant To Download the code from SVN automatically" 指的是使用Apache Ant自动化从Subversion (SVN) 下载代码的过程。Apache Ant是一个Java库和命令行工具，它的设计目标是驱动构建过程，常用于Java项目。...
crx-download:以zip格式或直接下载CRX文件
05-11
例如，使用`a`标签的`download`属性可以控制文件的下载，但这种方式对于跨域的CRX文件可能无效，因为浏览器的安全策略限制了直接下载。 为了解决这个问题，开发者可能使用了JavaScript的Blob对象和URL....
FileUpLoadAndDownLoad.zip_JavaScript/JQuery_Java_
08-11
- 使用JavaScript的`window.location.href`或`a`标签的`download`属性，可以触发浏览器的下载行为。 综上所述，"FileUpLoadAndDownLoad.zip"项目涵盖了从客户端的文件选择、预处理、Ajax上传到服务器端的文件接收...
微信小程序swiper组件用法实例分析【附源码下载】
08-28
在上面的代码中，我们使用了 swiper 标签，并设置了 indicator-dots、autoplay、interval 和 duration 属性。indicator-dots 属性用于控制是否显示指示点，autoplay 属性用于控制是否自动播放，interval 属性用于...
a标签download无效解决办法
qq_43555948的博客
07-01 9746
a标签download无效解决办法 在开发时遇到要下载附件的需求，当时想到直接a标签herf里填上链接不就行了么。结果发现当附件是txt或者jpg等，这种浏览器可以直接打开文件类型时，浏览器会直接打开，不会下载。 那我们自然而然就想到了download属性，结果download下载文件有个前提…必须是同源的文件。这就很蛋疼。所以我就写了个点击事件，如下 <a @click="downloadFile(url, name)">附件下载</a> url传文件下载路径 name就是给下载
点击a标签触发文件下载
generalfyx的博客
09-05 4334
一般文件下载的方法： 1.生成a标签，href='文件地址'，click（）； 2，生成form的提交； 两种方法都需要click（）；  而jQuery的trigger（）对a标签无用；解决办法：          1.利用js的click（）方法去触发； 2.var a = $('&lt;a href="'+res.href+'" download="'+res.fil...
a.download修改fileName不生效解决办法（跨域问题）
qq_38769403的博客
07-06 5556
a.download修改fileName不生效解决办法（跨域问题）
A中的标签download属性，你知道吗？
CodingNoob
07-17 975
最近无意中发现A标签竟然有个download属性，于是就琢磨了下这个属性的用法，看了下文档。 才知道，如果给A标签href添加对应的图片或者文件地址，包括图片的base64地址都可以，然后在download属性设置对应的下载名称就可以下载图片了，这个属性可以作为直接点击下载图片，就不用用户再次点击右键保存了，还是有一定的用处。 ...
使用a标签无法下载某些文件的解决方法
BHSZZY的博客
03-07 3689
没想到，这样写，网上找了个exe的url、下载了下是没有问题的，3.网上还说，如果后端返回的header里加上这样的东西的话，前端请求时也就可以是下载文件、而不是打开新页面了。
a标签download属性
weixin_39150852的博客
04-14 5810
download属性是HTML5新增的属性，也就是作用在HTML5的基础之上，他可以使a标签的href属性进行下载,download属性为下载后的文件名 用法1:下载该本地图片,并默认命名 <a href="../../assets/img/213.png" download target="_blank"> 下载图片</a> 用法2:下载该本地图片,并命名为img &l...
a标签下载
qq_45801837的博客
08-08 6176
添加download属性，点击a标签不会跳转，会下载href指定的文件。href=“#info” 跳转到id为’info’的标签位置。设置target=“_blank”，点击打开新页面。download可设置下载的文件名。
vue+elementUI实现点击链接下载文件，已知download属性无效
04-04
可以使用以下方法实现： 1. 在模板中添加一个`<a>`标签，设置`href`属性为文件的下载链接，设置`download`属性为文件名。 ```html <template> <div> <a :href="fileUrl" :download="fileName">下载文件</a> </div> </template> ``` 2. 在组件的`data`选项中定义文件的下载链接和文件名。 ```js export default { data() { return { fileUrl: 'https://example.com/file.pdf', fileName: 'file.pdf' } } } ``` 3. 在`mounted`钩子函数中，使用`ElementUI`的`$message`方法提示用户点击链接下载文件。 ```js export default { mounted() { this.$message({ message: '点击下载文件', type: 'success', duration: 5000, showClose: true }) } } ``` 这样，当用户点击链接时，会下载指定的文件。注意，不同浏览器对`download`属性的支持情况不同，如果该属性无效，可以考虑使用以上方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值