html下载属性重定向到url而不是下载

Posted 2023-03-05

【中文标题】html下载属性重定向到url而不是下载

【英文标题】：html download attribute redirects to url instead of downloading

【发布时间】：2020-06-16 18:08:12

【问题描述】：

这里是新手网络开发人员。

我正在尝试通过点击从网址下载图片。但是当我使用图像 url 作为我的 href 时，它只是重定向到该 url 而不是下载。当然我使用的是下载属性。我已经尝试过自己的代码，也尝试过其他人的多个代码块。但他们都只是重定向。我正在使用谷歌浏览器。

我的代码：

<a href = "https://autoooo.nl/wp-content/uploads/2018/12/F5144B9C-2B27-4070-828E-2361EBD702EF-400x400.jpeg" download="car" id="downloadQRCodeButtonHref">
   <p>download</p>
</a>

我使用的代码来自someone else 1（已接受答案）：

<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
   <img  src="/path/to/image">
</a>

我使用的代码来自someone else 2：

 <p> Click the image ! You can download! </p>
<?php
$image =  basename("http://localhost/sc/img/logo.png"); // you can here put the image path dynamically 
//echo $image;
?>
<a download="<?php echo $image; ?>" href="http://localhost/sc/img/logo.png" title="Logo title">
    <img  src="http://localhost/sc/img/logo.png">
</a>

我们将不胜感激。我可能只是一个大笨蛋，忽略了一些非常明显的东西。

【问题讨论】：

这是你的答案***.com/a/724449/12232340 吗？

这会从一个已经存在的 php 页面下载一个带有图像的图像。我想从 url 下载图像。但它可能会派上用场。谢谢。

【参考方案1】：

问题是因为您使用的是跨域 URL。来自download attribute 的文档：

download 仅适用于同源 URL，或 blob: 和 data: 方案。

要解决此问题，您需要将图像托管在与父站点相同的域中。