Действие триггера входного изображения HTML / Javascript при принятии - PullRequest
Новая
       7

Действие триггера входного изображения HTML / Javascript при принятии

4 голосов
/ 05 июня 2019

Я занят написанием простого ввода изображения и пытаюсь заставить его отображать небольшой GIF во время обработки изображения.

Базовый HTML 

<input id="input_file" name="file" type="file" />

Основной триггер Javascript 

$("#input_file").on("change", function() {
    displayImageLoader();
    uploadImage();
});

function displayImageLoader() {
    // logic removed for testing
    console.log("LOADER");
}

function uploadImage() {
    // logic removed for testing
    console.log("UPLOAD");
}

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

В большинстве случаев задержкадольше, чем обработка изображения, поэтому выбрано изображение, затем задержка в 1 с / 2 с или около того, затем включается изменение, затем загрузчик виден менее секунды, после чего изображение загружается.

Яинтересно, можно ли запускать функции сразу после подтверждения файлового браузера (если подтверждено)

...