javascript - javascript下载文件并执行提交操作

Question

Onclick javascript 函数需要执行两个动作。

1. 使用 window.location.href = url 下载文件
2. document.getElementById('test').submit();

我无法同时实现两者。如果添加了提交功能，则无法下载。关于如何实现两者的任何想法。谢谢。

Answer 1

看起来您不能这样做，因为当提交发生时，该页面的先前请求已关闭。人们建议使用 iframe 进行文件下载，但提交会卸载包含 iframe 的旧页面，所以我认为它不会起作用。假设您应该使用window.open(url)而不是window.location.href = url这样，您将打开全新的窗口，该窗口将下载文件并提交将发生在旧窗口中。

Answer 2

$(" selector ").click(function() {
    $("body").append(
        $("<iframe></iframe>")
        .attr("display", "none")
        .attr("src", url)
    );
    $("#test").submit();
});

Answer 3

在头

<script type="text/javascipt">
function startDownload()
{
var url='http://server/folder/file.ext';  
window.open(url,'Download');
}
</script>

在体内

<button type="button" onclick="startDownload()">Download</button>