Работа с файлами, FileReader
 

Я не понимаю, как метод 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()

там есть ссылка на изображение в свойстве name, но я не понимаю, как это всё подставляется, если в коде указывается только весь объект