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

Question

菜鸟网络开发人员在这里。我正在尝试通过单击从 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（接受的答案）：<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>一些帮助将不胜感激。我可能只是一个大笨蛋，忽略了一些非常明显的东西。

Answer 1

问题是因为您使用的是跨域 URL。从download属性的文档中：

download仅适用于同源 URL 或blob:anddata:方案。

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