JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file_input" webkitdirectory="" directory="C:\Users\jananimj\Desktop\test\M0_MMSE_C3\htmlfiles">

JavaScript

document.getElementById('file_input').addEventListener('change',function(e){
        var gifs=e.target.files;
        [].forEach.call(gifs,function(curGif){
            var elt=document.createElement('img');
            elt.setAttribute('src',(webkitURL||URL).createObjectURL(curGif));
            document.body.appendChild(elt);
        });
    },false);