[已解决]a标签设置了下载但在页面中还是打开文件并没有下载对话框出现

热心市名何先生

在一个链接中设置了一个下载属性，想的是单击这个链接后就下载一张照片下来，但是在页面中却是直接就打开了照片如下图所示：

最佳答案

月排行榜 / 总排行榜

Darth_EF

2020-12-30 10:56:25

因为浏览器不允许跨域下载文件，而file域名(直接打开网页文件)的所有文件都不能算是同一个域名的。
如果是同一域名的话直接能下载。
如果需要下载跨域图片的话可以用ajax请求然后转化成dataurl再下载；前提是那个地址的服务器允许你的跨域请求

跳转到最佳答案楼层

情绪z

1. <a href="../img/1.jpg" download="1">
   
2. 下载
   
3. </a>

复制代码

热心市名何先生

情绪z 发表于 2020-12-26 22:56

还是在网页中打开了照片

情绪z

下载这个插件Live Server，试一下，可以提供服务器环境

weiter

我这里试了试，连图片都没显示出来就显示下载两个字……

1.                 <a href="../img/1.jpg" target="_blank" download="1">
   
2.                 下载
   
3.                 </a>

复制代码

我测试的时候是可以下载的

热心市名何先生

weiter 发表于 2020-12-27 18:43
我这里试了试，连图片都没显示出来就显示下载两个字……

我测试的时候是可以下载的

谢谢，我试了下还是不得行。搞不懂

Darth_EF

因为浏览器不允许跨域下载文件，而file域名(直接打开网页文件)的所有文件都不能算是同一个域名的。
如果是同一域名的话直接能下载。
如果需要下载跨域图片的话可以用ajax请求然后转化成dataurl再下载；前提是那个地址的服务器允许你的跨域请求

Minecraft程序猿

weiter 发表于 2020-12-27 18:43
我这里试了试，连图片都没显示出来就显示下载两个字……

我测试的时候是可以下载的

图片需要用<img>标签哦

weiter

Minecraft程序猿 发表于 2021-1-1 19:11
图片需要用标签哦

哦，啊，忘了……太久没来弄这些了

Minecraft程序猿

weiter 发表于 2021-1-1 20:00
哦，啊，忘了……太久没来弄这些了

...