在 Contact Form 7 Wordpress 中提交后下載文件

Question

我正在嘗試制作一種提供功能的表格，例如當用戶輸入姓名和電子郵件時，PDF 文件會自動開始下載。

當我在提交按鈕的附加設置選項卡中應用此代碼時，它會像這樣重播錯誤消息。

我目前在本地機器上工作，我知道聯系表 7 郵件選項卡中有錯誤，但不知道如何解決？

“嘗試發送您的消息時出錯。請稍后重試。”

這是我的聯系表格 7 代碼：

<label> Name
    [text* your-name] </label>

<label> Email 
    [email* your-email] </label>

[submit "Download Now"]

這是我在附加設置中編寫的代碼，用於在提交表單時直接下載 PDF 文件

on_sent_ok: "location = 'http://localhost/wordpress/wp-content/uploads/2017/08/pdf-sample.pdf';"

Answer 1

我找到了滿足您需要的解決方案，只需按照以下步驟操作，它無法發送郵件，但可以根據您的要求在本地機器上正常工作。

1) 只需將下面的代碼粘貼到聯系表 7 的“附加設置”選項卡中

demo_mode : on

on_sent_ok: "location = 'http://localhost/wordpress/wp-content/uploads/2017/08/pdf-sample.pdf';"

2) 將下面的代碼放在你的.htacess 文件中，在 [/IfModule] 之后和 # END WordPress 下面

<FilesMatch "\.(?i:pdf)$">
   ForceType application/octet-stream
   Header set Content-Disposition attachment
</FilesMatch>

Answer 2

如果有人正在尋找最新的答案，因為in_sent_ok已被棄用，我們可以使用：

 <script> document.addEventListener( 'wpcf7mailsent', function( event ) { location = 'http://example.com/'; }, false ); </script>

Answer 3

以下代碼對我有用：我用javascript制作的

function force_download( file ) {
    pdf = window.open(file, '', 'left=100,screenX=100');
    pdf.document.execCommand('SaveAs', 'null', 'myfile.pdf');
    pdf.close();
 }
 on_sent_ok: "force_download('pdf_url_here');"