[Télécharger des fichiers pour le clients après un submit de form] #wordpress #cf7

Admin cf7

<label><span class="form-label">Your name</span>[text* your-name]</label>

<label><span class="form-label">Your name</span>[email* your-email]</label>

<label><span class="form-label">Your name</span>[text* your-subject]</label>

<label><span class="form-label">Your name</span>[textarea your-message]</label>

<label class="not-control">[checkbox* checkbox-687 use_label_element "En cochant cette case, je reconnais avoir pris connaissance des conditions liées à l'utilisation de mes données."]</label>

[hidden file_dl "http://127.0.0.1:8000/app/uploads/2021/09/danseur.jpg"]
[hidden file_dl "http://127.0.0.1:8000/app/uploads/2021/09/logo_office_cannes.png"]

[submit "Submit"]

cf7.js

export default class CF7Form {
    constructor()
    {
        const forms = document.querySelectorAll('form.wpcf7-form')

        forms.forEach(f => {
            const file_dls = f.querySelectorAll('input[type="hidden"][name="file_dl"]')

            f.addEventListener('wpcf7mailsent', () => {
                file_dls.forEach(fdl => {
                    this.dl(fdl.value)
                })
            })
        })
    }

    dl(uri)
    {
        const link = document.createElement('a');
        link.download = uri.split('/').pop();
        link.href = uri;
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    }
}