javascript - .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 提供“hiddenIFrameID”的 ID，并在客户端下载它。当前正在下载 .psd 和 .ai 文件，但在调用下载 .jpg 或 .pdf 时无法解释该文件。有什么建议吗？这是我的 HTML 的结构:

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

Answer 1

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

1. 要么更改服务器端。该文件应附带 Content-Disposition: attachment header 。例如，可以使用 .htaccess 来完成此操作。文件。

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

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