Здравствуйте. Есть 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>
