强制浏览器下载 tag html5中不同来源的链接

Question

如何强制移动浏览器从其他网站点击下载.jpg文件。到目前为止我试过：

<a href="https://anotherwebsite.com/example.jpg" target="_blank" download>Click To Download</a>

我找到了两个解决此问题的方法（使用javascript或php）。我使用php绕过这个问题。我创建了一个名为download.php的文件，其中包含以下代码：

<?php
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
    if (!is_null($_GET['link']) && !empty($_GET['link'])) {
        $file = $_GET['link'];
        try {
            header('Content-type: image/*');
            header("Content-Disposition: attachment; filename=\"$file\"");
            readfile($file);
        }
        catch (Exception $ex){
            echo $ex->getMessage();
        }
    }
}

然后我将下载链接更改为：

<a href="download.php?link=https://anotherwebsite.com/example.jpg">Click To Download</a>

还有另一种我不知道的方式吗？

Answer 1

根据定义它无法工作。见this link

此属性仅适用于同源URL。

Answer 2

根据The Anchor element此属性仅适用于same-origin URL。但你仍然可以使用javascript和php来解决它。例如在js中使用此：

location.replace('path/to.pdf');

Answer 3

根据The Anchor元素此属性仅适用于同源URL。但你仍然可以使用JavaScript和PHP来解决它。