使用 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 注入敞開心扉。