Загрузить библиотеку изображений — сбросить или изменить выбранный файл

korsar01

Используя эту библиотеку Load-Image, вы узнаете, как правильно сбросить или изменить выбранное изображение. В моем примере, если я выберу изображение, а затем изменю его, у меня появятся предварительные просмотры обоих изображений, нужно сбросить холст? ... Заранее спасибо ....

 <!doctype html>


<html>


<head>


<title>Load Image Test</title>


<meta charset="utf-8">


</head>


<body>


<form>


<input type="file" id="file-input">


</form>


<script src="js/load-image.all.min.js"></script>


<script>


document.getElementById('file-input').onchange = function (e) {


loadImage(


e.target.files[0],


function (img) {


document.body.appendChild(img)


},


{


maxWidth: 200,


orientation: true


} // Options


)


}


</script>


</body>


</html>

Код (разметка):

pavloz

Привет, я никогда раньше не использовал библиотеку Load-Image, поэтому могу предположить, что переменная img, переданная анонимной функции (img), уже является действительным (новым) элементом изображения, и поэтому вы можете использовать ее src для обновления предыдущего изображения.

. Сначала поместите куда-нибудь пустой HTML-элемент изображения:

 document.getElementById('file-input').onchange = function(e){


loadImage(


e.target.files[0],


function(img){


//document.body.appendChild(img);


img.addEventListener('load', function(){


document.getElementById('myImg').src = this.src;


});


},


{


maxWidth: 200,


orientation: true


}//Options


)


}

HTML: вместо этого используйте следующий скрипт:

 <img id="myImg" alt="динамичный">

Код (JavaScript): Надеюсь, это поможет.

Похожие темы	Дата
Курс По Jquery Для Верстальщиков "артем Исламов"	19.10.2024, 18:10
Комплексное Обучение Javascript - Loftschool (2016)	19.10.2024, 18:10
Social Locker For Jquery	19.10.2024, 18:10
Smartme \| Разработка Enterprise Angular.js Приложения (2014) Pcrec	19.10.2024, 18:10
Секреты Javascript Ниндзя (2015)	19.10.2024, 18:10
[школа Современных Технологий] Среда Знаний. Основы Jquery. Дмитрий Лаврик	19.10.2024, 18:10
Получить данные из определенного div по URL	19.10.2024, 18:10
Создание регулярного выражения для получения нескольких значений и печати	19.10.2024, 18:10
Как использовать два if?	19.10.2024, 18:10
Постоянная подсветка меню	19.10.2024, 18:10

Загрузить библиотеку изображений — сбросить или изменить выбранный файл

korsar01

pavloz

I AM

Интересно