这里是网络开发新手。
我正在尝试单击时从网址下载图像。但是当我使用图像 url 作为我的 href 时,它只是重定向到该 url 而不是下载。当然我使用的是下载属性。我已经尝试过我自己的代码以及其他人的多个代码块。但它们都只是重定向。我正在使用谷歌浏览器。
My code:
<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>
我使用的代码来自其他人 https://stackoverflow.com/questions/2408146/href-image-link-download-on-click1(接受的答案):
<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
<img alt="ImageName" src="/path/to/image">
</a>
我使用的代码来自其他人 https://stackoverflow.com/questions/2408146/href-image-link-download-on-click 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>
一些帮助将不胜感激。我可能只是个大笨蛋,忽略了一些极其明显的事情。
问题是因为您使用的是跨域 URL。从文档中download属性 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download:
download
仅适用于同源 URL,或者blob:
and data:
计划。
要解决此问题,您需要将图像托管在与父站点相同的域中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)