a 标签 download 属性不起作用，或者下载的图片无法查看

最新推荐文章于 2024-08-19 11:01:38 发布
最新推荐文章于 2024-08-19 11:01:38 发布
阅读量6.7k 收藏 2
点赞数
分类专栏： html 文章标签： a 标签 download 属性不起作用，或者下载的图片无法查看 download 不起作用 download 下载的不能查看 download 下载有错误
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang450712123/article/details/84554791
版权

a 标签 download 属性不起作用，或者下载的图片无法查看

问题描述

download 是 a 标签 html5 的新属性，可以点击下载文件，初次使用，经常会出现无法点击的情况，可能有以下原因，排除下：

解决方案
  1. 必须设置 href 属性，download 才起作用；
  2. download 属性是文件名，href 属性，指向的是要下载的文件；
  3. href 的指向需要同源，跨域下载不下来，当然可以通过其他方案，比如把图片传到自己后台，再返回同源的路径；
FE-阿阳
关注
专栏目录
图片下载（包含了download打开图片无法下载的方法）
明知迷途，从未折返
12-18 6969
利用a标签的download属性实现图片下载 代码 <img src="../download/img/test.jpg" alt=""> <a href="../download/img/test.jpg " download=""> 下载 </a&a
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 793
移动端使用a标签下载文件。
a标签点击浏览器下载图片，不打开
weixin_34268843的博客
01-16 2845
2019独角兽企业重金招聘Python工程师标准>>> ...
a标签download属性失效
m0_49623851的博客
05-31 3337
使用a标签下载文件时，设置了download属性指定下载的文件名,但是没有生效。因为我的a标签下载链接是跨域的，猜测可能是因为跨域，浏览器获取不到文件，所以不能进行更改文件名。
a标签download无效解决办法
qq_43555948的博客
07-01 9947
a标签download无效解决办法 在开发时遇到要下载附件的需求，当时想到直接a标签herf里填上链接不就行了么。结果发现当附件是txt或者jpg等，这种浏览器可以直接打开文件类型时，浏览器会直接打开，不会下载。 那我们自然而然就想到了download属性，结果download下载文件有个前提…必须是同源的文件。这就很蛋疼。所以我就写了个点击事件，如下 <a @click="downloadFile(url, name)">附件下载</a> url传文件下载路径 name就是给下载
a标签download属性失效问题
weixin_44941683的博客
10-13 3536
在uniapp项目开发遇到的下载时a标签download属性失效问题
a标签下载关于图片.txt
01-28
通过对“a标签下载关于图片.txt”的深入分析，我们了解到如何利用HTML `<a>`标签及其`download`属性来实现文件下载功能，特别是在处理图片资源时的特殊技巧。通过合理设置URL参数，可以进一步增强功能的灵活性和可靠...
download-image:图片下载
04-27
在IT行业中，尤其是在Web开发领域，"download-image:图片下载"是一个常见的需求，尤其是在构建交互式网站时。这个项目提供了一种解决方案，允许用户下载图片。让我们深入探讨这个主题，了解如何实现这样的功能，以及...
js 图片下载 后端生成图片下载.rar
11-26
当图片资源可以直接通过URL访问时，我们可以使用HTML5的`<a>`标签配合`download`属性来实现简单的图片下载功能。然而，如果图片是由后端动态生成或者需要经过特定处理（如水印、缩略图等）后才能提供给前端，我们就...
前端Vue项目中点击a标签实现下载文件到本地的功能
AiGarry的博客
04-20 1万+
1、根据后台提供的接口url下载文件到本地 <a :href="后台给接口提供的文件的url地址">点击下载文件</a> 2、通过a标签的download属性进行下载，下载文件到本地 <a href="文件的地址" download>点击下载文件</a> ①如果是图片或者是pdf文件，会直接在浏览器中打开，word或者是excel文件会下载到本地 ②如果download不给值，会使用默认的文件名 ...
a 标签 download 属性失效解决方案
呆呆papa的博客
02-17 3224
在网页中为了实现附件下载功能通常会使用 a 标签的 download 属性，但是对于跨域的图片资源，浏览器会直接打开这个图片，而不是下载。在 JavaScript 使用 ajax 获取图片内容，然后动态创建文件地址，通过模拟 a 标签的点击事件完成下载。将图片地址页面同源处理，可以在nginx中配置代理转发到指定的图片地址。// 需要指定响应类型为 blob。
a href标签下载文件遇到下载失败 打开文件的问题
天渺(喵)工作室
01-29 2846
a href download 此方法只能用于同一个域名的文件资源下载 跨域或者三方平台的特殊资源图片（比如 微信公众号资源图片）总是会打开资源，而非下载！ <a href="/images/logo.png" download="下载资源名称"> 当下载资源跨域的时候 参考了https://blog.csdn.net/weixin_44379204/article/details/105056713 方法1 <a @click="downloadFile(fileUrl,.
跨域导致使用a标签下载文件时download属性失效无法自定义命名问题处理
林啾啾的博客
08-19 394
跨域导致使用a标签下载文件时download属性失效无法自定义命名问题处理
a元素标签不显示背景图片
qq_41932272的博客
06-16 656
css定义背景图显示不了的原因：我就遇到了，因为a标签是行内元素，无文字的话是没有宽高的。加代码改为块级元素即可显示背景图片
怎么获取自动生成的tbody中的tr标签的属性值_HTML常用标签
weixin_39553757的博客
12-03 1426
a标签的用法：a标签主要有href，target，download，rel=noopener四个属性，主要有跳转外部页面，跳转内部锚点和跳转到邮箱或电话等作用download：下载网页href：后面添加网址href的取值1.网址：推荐使用第三种方式，它会自动选择适用https，还是http 1. <a href="https://google.com">超链接</a> ...
a标签download属性无效_a标签下载兼容性
weixin_39849054的博客
11-27 1841
后端返回数据流或者base64时，前端需要转为图片下载，这个时候就要用到a标签a标签下载常规做法： var a = document.createElement('a') // 先创建a标签 a.href = base // base是后端返回的数据· a.download = '下载.jpg' // 下载的图片名 a.click(); // 开始下载这样做完发现在IE里没有反应，原因是IE不支持...
a标签跨域下载文件，解决download失效问题
weixin_44379204的博客
03-23 7208
a标签中download属性可以更改下载文件的文件名。但是如果是跨域的话，download属性就会失效。 解决方案： <a @click="downloadFile(fileUrl,fileName)">下载文件</a> downloadFile(url, fileName) { var x = new XMLHttpRequest(); x.open("...
<a>标签里放置图片的属性
最新发布
09-29
`title` 属性会在鼠标悬停时显示提示信息，`alt` 属性则是当图片无法加载或对于视觉障碍的用户时提供替代文本。 3. `target` (可选): 如果设置为 `_blank`，则新窗口打开图片链接；如果设置为 `_self`, 则在当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值