You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Introduction

The bulk download file attachments function discussed in this article is achieved through the use of Custom HTML form element and Javascript codes. It will download all file attachment of the File Upload form element at a click of a button.

Get Started

Be aware that this only serves as a temporary solution.

Step 1 

Drag a custom HTML into the designated form

Step 2 

Paste the following code. This will add a download all button to the form to perform bulk download files.

<div id="download-all" class="btn btn-primary">Download All</div>
<script>
    $(function(){
        searchParams = new URLSearchParams(window.location.search)  // to check the mode
        mode = searchParams.get("_mode");
        if(mode == 'add'){// hide if its "add" mode
            $('#download-all').hide();
        }
        
        $('#download-all').on('click', function(){
            links = $("ul.form-fileupload-value").find("a:not(.remove)");   // get all <a> tag except those with "remove" class
            $.each(links, function(k,v){ // iterate through them 1 by 1, while using click() on them.
                v.click();
            })
        })
    });
</script>

Step 3 

Test the plugin at runtime

Step 4 

Check Results







  • No labels