Загрузка фото через инпут

125
30 апреля 2021, 14:50

нужно реализовать загрузку фотографий через текстовый инпут, т.е пользователь вставляет ссылку на картинку в инпут, нажимает добавить и и у него отображается превью добавленного фото. Подскажите как такое можно реализовать?

Answer 1

document.querySelector('button') 
	 	.addEventListener('click', function() { 
	 		const file = document.querySelector('input').files[0]; 
	 		const reader = new FileReader(); 
	 		const img = document.createElement('img'); 
 
	 		reader.onloadend = function () { 
			    img.src = reader.result; 
		  	} 
		  	if (file) { 
		  		reader.readAsDataURL(file); 
		  		document.body.appendChild(img); 
		  	} 
	 	})
<input type="file"> 
<button>Загрузить</button><br>

READ ALSO
GetExternalLoginInfoAsync при авторизации через Facebook возвращает null

GetExternalLoginInfoAsync при авторизации через Facebook возвращает null

Я добавил авторизацию через facebook в Startup, решил уже туда все что можно запихать в попытках решить проблему:

90
wpf dependency property add owner

wpf dependency property add owner

В книге Петцольда есть следующий пример:

109