Показать сообщение отдельно
  #1 (permalink)  
Старый 10.12.2016, 12:40
Профессор
Отправить личное сообщение для DivMan Посмотреть профиль Найти все сообщения от DivMan
 
Регистрация: 08.03.2016
Сообщений: 429

Работа с файлами, 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()
Ответить с цитированием