CF7 多表单页面下载文件

Question

我不是开发人员，所以请不要关闭这个问题。 在联系表格 7 中，我尝试在提出潜在客户后下载文件。

没关系：

<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( 'MyformID-1' == event.detail.contactFormId ) {
        window.open('https://www.example.com/file-1.pdf', '_self');    
    }
}, false );
</script>

（我只把这段代码放在相关页面上）

但在某些页面上，我有 2 或 3 个表单，每次下载一个不同的文件。它运行重复的所有脚本：

    <script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( 'MyformID-1' == event.detail.contactFormId ) {
        window.open('https://www.example.com/file-1.pdf', '_self');    
    }
}, false );
</script>


<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( 'MyformID-2' == event.detail.contactFormId ) {
        window.open('https://www.example.com/file-2.pdf', '_self');    
    }
}, false );
</script>

我认为可以将所有这些合并为一个<script>，但我不知道如何。

我做了几次测试都没有成功，所以我在这里。

我也尝试了这里显示的代码，但没有成功：

<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( 'MyformID-1' == event.detail.contactFormId ) {
        window.open('https://www.example.com/strong.pdf', '_self');   
    }
    if ( 'MyformID-2' == event.detail.contactFormId ) {
        window.open('https://www.example.com/green.pdf', '_self');   
    }
    if ( 'MyformID-3' == event.detail.contactFormId ) {
        window.open('https://www.example.com/orange.pdf', '_self');   
    }
}, false );
</script>

Answer 1

你可以这样做：

let filenames = {
    ['MyformID-1']: 'some.pdf',
    ['MyformID-2']: 'files.pdf',
    ['MyformID-3']: 'to.pdf',
    ['MyformID-4']: 'b.pdf',
    ['MyformID-5']: 'processed.pdf'
};
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if (filenames[event.detail.contactFormId]) {
        window.open(`https://www.example.com/file-${filenames[event.detail.contactFormId]}`, '_self');
    }
}, false );

解释：

• 我们有 filenames 作为文件的键值对，包含支持的（联系表单 ID；文件名）对
• 我们可以使用单个监听器
• 如果支持contactFormId
• 然后我们重定向到一个链接
• 用字符串模板指定
• 我们将与联系表单 ID 关联的文件名作为模板文字传递

我们也可以使用类似于 ^MyformID-[0-9]*$ 的正则表达式来解决这个问题（我不是正则表达式专家，所以如果有错字，我欢迎任何意见），但我认为确保您了解解决方案很重要。