自动下载行为和后退按钮问题

Question

我们没有直接链接到要在网站上下载的文件，而是链接到显示“感谢您下载”的页面。 该页面上有跟踪代码，因此我们知道有多少人下载了该文件。 该页面使用显示的jQuery代码启动下载文件，该jQuery代码在页面加载后增加了短暂的下载延迟。 下载位置具有内容配置标头，因此它始终在浏览器中正确下载，从而使“感谢您下载”页面可见。 这一切都很好。

如果用户继续浏览该页面然后回击，就会出现问题。 下载再次触发。

使用window.location.replace(href); 似乎没有解决。

由于交付页面的CMS已将其设置为立即过期，因此不进行缓存，这一事实使问题变得更加复杂。

有关（i）避免此问题的方法的建议； （ii）处理文件下载/感谢页面的更好方法？

jQuery代码

$(document).ready(function () {
    $('a.autoDownload').each(function () {
        setTimeout('navigateToDownload("' + $(this).attr('href') + '")', 4000);
    });
});

function navigateToDownload(href) {
    document.location.href = href;
}

Answer 1

一种可能的方法是在页面首次加载时通过Javascript设置cookie。 然后，如果该页面再次被加载，则可以检查cookie是否存在，如果存在，是否不执行自动下载？

以jQuery的Cookie插件为例：

$(document).ready(function () {
    $('a.autoDownload').each(function () {
        var hasDownloadedThisLink = $.cookie("site." + $(this).attr('id'));
        if (!hasDownloadedThisLink) {
            $.cookie("site." + $(this).attr('id'), "true");
            setTimeout('navigateToDownload("' + $(this).attr('href') + '")', 4000);
        }   
    });
});

这只是一个例子。 如果您采用这种方式，则必须考虑可能有多少个下载链接，因为可以设置的Cookie数量是有限的。 还要注意，我使用链接的id属性在cookie中标识它们-我认为这比使用某种形式的href属性更合适。 我还为cookie名称加上了site.前缀site. 。

Answer 2

好了，有两种解决方案。 这是一个例子：

function navigateToDownload(href){
    var e = document.createElement("iframe");
    e.src=href;
    e.style.display='none';
    document.body.appendChild(e);
}

可能存在其他实现，但是我怀疑它们是否不太“ hacky”。