uppy.js code example

Example: uppy js

let uppy = Uppy.Core({

        restrictions : {
            maxNumberOfFiles: 3,  // nombre max de fichier 
            allowedFileTypes: ['image/*'] //type fichier
        },

        meta: {
            action: "add_image_devis", // post parametre
        },
    })

    .use(Uppy.Dashboard, {

        locale: Uppy.locales.fr_FR,  //langue ne pas oublier le fichier js qui va avec
        inline: true,
        target: '#chargeurPhoto',  // div#id dans le DOM
    })

    .use(Uppy.XHRUpload, { 

        endpoint: $('#SITE_DOMAINE').val() + $('#plugin_path_devis').val() + 'operations_images_devis.php', // adresse de post
        bundle: true ,  // plusieurs fichier à la fois

        getResponseData (responseText, response) {

            if ( response.status == 200 && response.readyState == 4 ){

                console.log(responseText);
            }  
        }  
    });

    /* HTML
     <link rel="stylesheet" href="uppy/uppy.min.css">

    <script     src="uppy/uppy.min.js">               </script>
    <script     src="uppy/fr_FR.min.js">              </script>

  
   
        PHP 

        echo '<pre>';
            print_r($_FILES);
        echo '</pre>';

        echo '<pre>';
            print_r($_POST);
        echo '</pre>';
        
    */