JSFiddle - React, Tailwind, and code Playground

by kobi

HTML

<input type="file" onchange="update(this)" multiple="multiple" />
<br />
<select id="FileOptions"></select>

JavaScript

function update(fileUpload) {
    var files = fileUpload.files;

    var fr = new FileReader();
    var selectBox = document.getElementById('FileOptions');
    console.log(fileUpload);
    for(var i=0;i<fileUpload.files.length;i++){
        var option = document.createElement('option');
        option.textContent = fileUpload.files[i].name;
        selectBox.appendChild(option);
    }
    
    fr.onload = function (e) {
        //document.querySelector('img').src = e.target.result;
        //FileOptions.options.length = 0;
        
    }

    fr.readAsDataURL(files[0]);
}