.PDF 和 .JPG 资产不使用 JavaScript 下载？

Question

我希望通过 JavaScript 在我的网站上下载资产。这是我目前拥有的代码：

//Creates an iFrame and adds ID to it to download
var downloadURL = function downloadURL(url) {
    var hiddenIFrameID = 'hiddenDownloader',
        iframe = document.getElementById(hiddenIFrameID);
    if (iframe === null) {
        iframe = document.createElement('iframe');
        iframe.id = hiddenIFrameID;
        iframe.style.display = 'none';
        document.body.appendChild(iframe);
    }
    iframe.src = url;
};

如果没有 iframe，这将创建一个 iframe，为 iFrame 提供“hiddenIFrameID”的 ID 并在客户端下载它。这目前正在下载 .psd 和 .ai 文件，但在调用下载 .jpg 或 .pdf 文件时无法解释该文件。有什么建议吗？这是我的 HTML 的结构：

<a onclick="downloadURL('imagepath.jpg');">Download</a>

Answer 1

强制下载某些文件（例如图像、PDF 等），而不是仅由浏览器渲染/显示：

1. 要么更改服务器端。该文件应附有Content-Disposition: attachment 标头。例如，这可以通过 .htaccess 文件来完成。

2. 或者使用链接的download 属性。例如，<a href="imagepath.jpg" download>Download</a>。

   • 您甚至可以通过创建隐藏链接并调用其click() 方法从脚本中启动下载。