HTML的download属性重定向到URL而不是下载。

Question

我是一名初学者的Web开发人员。

我试图在单击时从URL下载图像。但是当我使用图像URL作为我的href时，它只是重定向到该URL而不是下载。当然我正在使用download属性。我尝试了自己的代码以及其他人的多个代码块。但是它们都只是重定向。我正在使用Google Chrome。

我的代码：

<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>

我使用了他人提供的代码1（被接受的答案）：

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

我使用的代码来自于别人的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 alt="logo" src="http://localhost/sc/img/logo.png">
</a>

需要一些帮助，不知道是否有什么显而易见的地方我没注意到。

- Arjen

---

这是你的答案吗？https://dev59.com/r3RB5IYBdhLWcg3wFz8g#724449 - user1805543

这将从已经存在图片的php页面下载图片。我想从一个url下载图片。但这可能会派上用场。谢谢。 - Arjen

相关问题 Chrome 65 阻止跨域下载。是否有客户端解决方法来强制下载？ - kirogasa

Answer 1

问题在于您使用的是跨域URL。根据download属性的文档：

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

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

- Rory McCrossan