Показать сообщение отдельно
  #1 (permalink)  
Старый 21.11.2020, 10:15
Новичок на форуме
Отправить личное сообщение для tovarz Посмотреть профиль Найти все сообщения от tovarz
 
Регистрация: 13.02.2011
Сообщений: 6

Событие img.onload срабатывает несколько раз
Здравствуйте. Есть input type="file" accept="image/*". При выборе картинки она отображается в img src="" id='preloadimg'. Если несколько раз подряд выбирать файл, то onload происходит тоже несколько раз и по моему коду несколько раз срабатывает alert. Как сделать, чтобы onload сработало только один раз?
Вот код:

<input type="file" name="image" accept="image/*" id="ifile"><br>
<img src="" alt="Image preview..." id='preloadimg'>

<script>
$('#ifile').on('change', function () {
    $('#preloadimg').on('load', function (e) { 
		if(this.naturalWidth < 200 || this.naturalHeight < 200){
			URL.revokeObjectURL($('#preloadimg').attr('src'));
			$('#ifile').val('');
			alert('Изображение должно быть не меньше 200px х 200px');
			return false;
		}
	});

	$('#preloadimg').attr('src', URL.createObjectURL(this.files[0]));
});
</script>
Ответить с цитированием