接受HTML / Javascript输入图像触发操作

Question

我正忙着编写一个简单的Image Input，并试图在处理Image时显示一些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");
}

我遇到的一个小问题是，在文件浏览器中选择图像后，on更改触发之前会有延迟。

在大多数情况下，延迟时间比图像处理时间长，因此选择了图像，然后选择了1秒/ 2秒左右的延迟，然后触发了on change触发，然后看到加载器的时间少于一秒钟，然后上传了图像。

我想知道一旦确认文件浏览器（如果已确认）是否可以触发功能