JSFiddle - React, Tailwind, and code Playground

HTML

<input id="inpFoto" type="file" capture="camera" accept="image/*">
    <div id="divGaleriaResult"></div>

JavaScript

var file, foto_file, foto_str, myfiles
element_input = document.getElementById('inpFoto');

get_foto = function () {
    myfiles = this.files;
    for(var i=0;i<myfiles.length;i++){
       file = myfiles[0];
       foto_file = new FileReader();
       foto_file.readAsDataURL(file);
       foto_file.onload = function (){
           galeria = document.getElementById('divGaleriaResult');
           localStorage.setItem('fotos',foto_file.result);
           galeria.innerHTML = galeria.innerHTML + '<img src='+foto_file.result+' height="30" />';
       }
    }
}

element_input.addEventListener('change',get_foto);