通过javascript控制下载

为何选择 JavaScript 方式下载文件

在某些场景下，下载地址需要根据用户的点击操作以及选择内容进行动态计算。这种情况下，采用 JavaScript 来控制文件下载是一个可行的方案。

若直接使用 AJAX 请求下载地址，往往会出现一些问题。具体表现为，服务器返回的文件内容会以字符串形式呈现，而不是触发浏览器的下载行为。

实现文件下载的方案

方案一：使用 window.open(url)

使用 window.open(url) 方法可以尝试触发文件下载。不过，这种方式存在一些弊端。当调用该方法时，会打开一个新窗口。虽然在点击下载后这个窗口会关闭，但在用户体验上不够美观。此外，当下载较大文件时，浏览器可能会出现“假死”状态，给用户带来不好的使用感受。

方案二：使用 Iframe

使用 Iframe 是另一种实现文件下载的方法。以下是具体的 JavaScript 代码示例：

function downloadFile(url) {
var elemIF = document.createElement("iframe");
elemIF.src = url;
elemIF.style.display = "none";
document.body.appendChild(elemIF);
}

上述代码通过创建一个隐藏的 Iframe 元素，并将其 src 属性设置为下载地址，然后将该元素添加到页面的 body 中，以此来触发文件下载。

综上所述，在实际开发中，需要根据具体的业务场景和需求来选择合适的文件下载方案。