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

这里是noobwebdeveloper

我正在尝试从单击时的url下载图像。但是当我使用图像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>

我从1开始使用的代码（接受答案）：

我从2开始使用的代码：

单击图像！你可以下载

---

一些帮助将不胜感激。我可能只是个大傻瓜，忽略了一些非常明显的事情

问题在于您使用的是跨域URL。从以下文件：

download

仅适用于相同来源的URL，或

blob:

和

data:

方案

---

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

这是您的答案吗？这将从已存在的php页面下载一个包含映像的映像。我想从url下载图像。但它可能会派上用场。谢谢

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

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