Я не понимаю, как метод
readAsDataURL, подставляет изображение, если
в переменной
myfile, хранится объект из свойств.
Как он отбирает url для изображения?
https://jsfiddle.net/bnzs5vuf/
var databox;
function init(){
databox = document.getElementById('databox');
var myfiles = document.getElementById('myfiles');
myfiles.addEventListener('change', process)
}
function process(e){
var files = e.target.files;
var myfile = files[0];
console.log(myfile)
var reader = new FileReader();
reader.addEventListener('load', show);
reader.readAsDataURL(myfile)
}
function show(e){
var result = e.target.result;
databox.innerHTML += '<img src="' + result + '">'
}
init()