Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 21.11.2020, 10:19   #1
tovarz
Пользователь
 
Регистрация: 14.02.2011
Сообщений: 16
По умолчанию Событие 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>
tovarz вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подрузка контента при прокрутке срабатывает несколько раз Aleskandr JavaScript, Ajax 0 20.06.2019 15:37
Не срабатывает событие OnActivate Smitt&Wesson C++ Builder 8 03.09.2015 08:01
body onload? А как сделать div.onload? InCun JavaScript, Ajax 10 23.12.2011 11:26
событие onLoad SkrudjMakdak JavaScript, Ajax 1 11.07.2011 03:40
событие элемента img dimonnnn JavaScript, Ajax 5 15.08.2010 18:11