a标签 download属性不生效，一直还是预览图片BUG

最新推荐文章于 2024-08-13 15:12:43 发布
最新推荐文章于 2024-08-13 15:12:43 发布
阅读量2.1w 收藏 2
点赞数 2
分类专栏： 前端 文章标签： a标签 download
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljcsdn94/article/details/80970969
版权
  • 问题描述：前段时间一直想使用前端的a标签实现文件下载，使用的a标签的download属性就能实现。可是FTP服务器的图片还是一直只能预览无法直接下载。
#使用的地址是直接使用的IP端口的，原因就出在这里：当请求地址是ip的时候 a 标签的 download 属性无法生效。
<a href="http://192.168.xx:8089/virtualPath/facility/document/2018/07/09/44a9a76a-084a-415a-9d50-e26ea28b55ce/0b48ed694ef510393ad2e829d6ec2fad.jpg" download="" class=""></a>

#解决办法：将ip改成域名
<a href="http://www.xx.com/virtualPath/facility/document/2018/07/09/44a9a76a-084a-415a-9d50-e26ea28b55ce/0b48ed694ef510393ad2e829d6ec2fad.jpg" download="" class=""></a>

补充:如果下载走后台代码遇到这种问题，可以直接设置Content-Disposition:attachment

参考网址：https://blog.csdn.net/ssssny/article/details/77717287
参考书籍：http://www.rfc-editor.org/rfc/rfc2616.pdf 19.5.1章节

drecoderlj
关注
专栏目录
史上最全wireshark使用教程，8万字整理总结，建议先收藏再耐心研读
孙叫兽的博客
07-14 3万+
目录 第1章介绍... 1 1.1.什么是Wireshark. 1 1.1.1.主要应用... 1 1.1.2.特性... 1 1.1.3.捕捉多种网络接口... 2 1.1.4.支持多种其它程序捕捉的文件... 2 1.1.5.支持多格式输出... 2 1.1.6.对多种协议解码提供支持... 2 1.1.7.开源软件... 2 1.1.8.Wireshark不能做的事... 2 1.2.系通需求... 2 1.2.1.一般说明... 2 ...
HTML ＜a＞标签 download 属性
qq_23835463的博客
09-26 675
HTML <a>标签 download 属性 download 属性定义了下载链接的地址。 在 <a> 标签中必须设置 href 属性。 download属性同样可以指定下载文件的名称。文件名称没有限定值，浏览器会自动在文件名称末尾添 加该下载文件的后缀 (.img, .pdf, .txt, .html, 等)。 语法 <a download=“filename”> 实例 点击链接下载图片: ...
a标签download属性不起作用
热门推荐
sun
01-18 4万+
a标签download属性不起作用 首先要明白的是，download属性是HTML5新增的属性，也就是作用在HTML5的基础之上，他可以使a标签的href属性进行下载，如果填写指就会更改你的下载名称，比如： <a href="/images/a.exe" download>点击下载</a> 上面这段代码会下载a.exe,并采用默认命名 <a href="/...
a标签下载文件重命名（download）不生效
最新发布
Julia_0502的博客
08-13 705
移动端使用a标签下载文件。
a 标签的download 属性在谷歌浏览器下无法下载图片，如何处理？
weixin_30892763的博客
06-19 4522
a 标签的download属性在下载图片文件的时候是如何的方便，可是可是谷歌浏览器不支持下载，而是下载打开新窗口预览图片。这个兼容性问题如何解决呢？ 了解了一番，HTMLCanvasElement.toBlob()方法可以用以展示canvas上的图片；这个图片文件可以被缓存或保存到本地，由用户代理端自行决定。 更多HTMLCanvasElement.toBlob()详情前去https://de...
为什么a标签无法下载，无法重命名？
qq_46344419的博客
07-25 740
为什么a标签无法下载，无法重命名？
Download 使用超链接，明明是文件，却只能预览，无法下载解决方案。
CSDN19970806的博客
07-17 7452
链接中加入download属性可以使用户将文件下载下来而不是直接用浏览器打开,截止到目前为止对HTML5提供支持的浏览器已经对这个属性支持得比较好了,下面我们就来详细看一下HTML5中的强制下载属性download使用实例解析:   相信大家在写前台的过程中，一定遇到过这样的问题，自己写了a标签，链接的地址是本地的一个图片。就像这样 &lt;a href=http://localhost:...
使用a标签下载文件时成了预览，并非是下载
Sapling
03-11 4993
function downloadFile(){ var request = new XMLHttpRequest(); request.responseType = "blob"; request.open("GET", "https://baidu.com/a.map"); request.onload = function() { ...
android动画不占cpu如何实现,【实战总结】帧动画调优实践
weixin_34385935的博客
05-25 1994
原标题：【实战总结】帧动画调优实践原文链接：https://www.zybuluo.com/avenwu/note/876161APP架构师整理发布，转载请联系作者获得授权。1.背景在做动画的时候我们有很多选择方案。最常见的是Android原生的帧动画，位移动画，旋转动画，属性动画等等，具体根据动画效果选择实现方案；针对那些有规律，不太复杂的矢量动画我们往往也采取自定义View来实现，比如各种狂拽...
微信开发之旅———Day7（媒体api之图片api）
小隐的博客
04-17 436
（昨天不太舒服就鸽了一天，QAQ） 前天看了一个最常用的网络api——wx.request ！ 然后可能会有人问了，我想自己写api，怎么去做呢？这里给大家提供一个思路，就是用spring boot去写api，仅需要少量的配置，开发复杂度大大降低。（有需求的同学可以先去了解一下，我之后可能也会开一篇从零学spring boot吧，有兴趣的朋友们可以关注一下）。 之前还说过，除了这个api还有很多a...
Qt开发经验总结
草上爬的博客
12-02 8307
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
微信小程序 bug 集中营
源码分享的博客
10-18 1454
微信小程序 bug 集中营 create byjsliangon2018-9-17 17:58:56 Recently revised in2018-10-18 09:38:15  Hello 小伙伴们，如果觉得本文还不错，记得给个star， 你们的star是我学习的动力！GitHub 地址  GitHub 最新更新：2018-10-17 13:34:11。追求最新...
【2017-11-25】a标签中的download属性详解
kk_yanwu的博客
11-26 2万+
在H5中，为a标签新增了一个download属性，来直接文件的下载； 一 : 浏览器的支持 ①download属性暂时只支持Google Chrome 和 Mozilla Firefox，其他浏览器均不支持该属性； ②download是H5新增的属性，H5以前没有该属性； 二 : Chrome 浏览器测试// 引用本地文件 <a href="img/5
a 标签 download 属性失效解决方案
呆呆papa的博客
02-17 3203
在网页中为了实现附件下载功能通常会使用 a 标签的 download 属性，但是对于跨域的图片资源，浏览器会直接打开这个图片，而不是下载。在 JavaScript 使用 ajax 获取图片内容，然后动态创建文件地址，通过模拟 a 标签的点击事件完成下载。将图片地址页面同源处理，可以在nginx中配置代理转发到指定的图片地址。// 需要指定响应类型为 blob。
HTML--a--download-属性
一万年太久，只争朝夕
09-23 2577
测试地址 <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 2613
之前一直使用php插件完成文件下载功能，今天看项目代码的时候，看到可以通过a的download属性进行下载，代码如下： html部分代码： <a onclick='downloadData'>download</a> js部分代码： function downloadData(){ // 使用a的download属性下载文件 var filen...
html中a标签download属性使用方法和介绍
徊忆羽菲
12-04 1731
html中a标签download属性使用方法和介绍使用实例定义和用法语法浏览器支持 使用实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>奇葩天地网(qipa250.com)</title> </head> <body> <p>点击 qipa250.com 图片 logo 下载图片:<p> <a hr
a标签download无效解决办法
qq_43555948的博客
07-01 9928
a标签download无效解决办法 在开发时遇到要下载附件的需求，当时想到直接a标签herf里填上链接不就行了么。结果发现当附件是txt或者jpg等，这种浏览器可以直接打开文件类型时，浏览器会直接打开，不会下载。 那我们自然而然就想到了download属性，结果download下载文件有个前提…必须是同源的文件。这就很蛋疼。所以我就写了个点击事件，如下 <a @click="downloadFile(url, name)">附件下载</a> url传文件下载路径 name就是给下载
a.download修改fileName不生效解决办法（跨域问题）
qq_38769403的博客
07-06 5719
a.download修改fileName不生效解决办法（跨域问题）
a标签download属性
05-04
<a href="example.zip" download>Download Example</a> ``` 上面的代码将创建一个指向 "example.zip" 文件的链接，并将其保存为默认文件名。可以使用 `download` 属性指定不同的文件名，如下所示： ```html <a ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值