javascript - 使用 jQuery/Javascript 通过 id 下载文件

Question

我有 100 多篇文章。每篇文章都附有不同的 PDF 文件。有一个表单，用户必须在其中填写并被重定向到感谢页面。代码如下。

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://example.com/thankyou';
}, false );

在上面的代码中，我想添加下面的代码，以便它触发下载。如何组合这两个代码？

$(document).ready(function(){
    $("#download a").trigger("click");
});

HTML 格式的文章:

<p>Content goes here</p>
<p id="download"><a href="https://example.com/path/file.pdf">Download</a></p>

如果有更好的方法，欢迎提出。

Answer 1

传入一个get参数。

由于您正在重新加载新页面，因此您应该传递一个 get 参数以指示应该开始下载。

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://example.com/thankyou?download';
}, false );

然后在您的页面上确实有下载文件。

$(document).ready(function(){
  if (window.location.search.includes("download")){
    $("#download a").trigger("click");
  }
});

如果您在单个页面上有一个列表，您可以在下载参数中传递一个参数 ?download="1234.zip" 并将其用作您的目标。如果您使用此方法，请小心，以免您暴露在 JS 注入(inject)中。