JSFiddle - React, Tailwind, and code Playground

by wiltomap

HTML

<input id="file" type="file" multiple />
 
<div id="prev"></div>

JavaScript

(function() {
     
    var allowedTypes = ['png', 'jpg', 'jpeg', 'gif'],
    var fileInput = document.querySelector('#file'),
    var prev = document.querySelector('#prev');
     
    fileInput.onchange = function() {
         
        // Analyse des fichiers et création des prévisualisations
        
        var files = this.files,
        var imgType;
     
    for (var i = 0 ; i < filesLen ; i++) {
         
        imgType = files.name.split('.');
        imgType = imgType[imgType.length].toLowerCase(); 
        // On utilise toLowerCase() pour éviter les extensions en majuscules
         
        if(allowedTypes) {
        // Le fichier est bien une image supportée, il ne reste plus qu'à l'afficher
             
        }
         
    }
         
    };
     
})();