javascript - 显示html文件输入的进度？

Question

我想在选择要上传的文件时显示进度条或微调器，我不是在谈论服务器上传成功，我已经涵盖了，我想在单击“选择文件”后立即加载图像时显示微调器输入文件中的按钮，这可能吗？我正在使用 vue 所以请不要 jquery 大声笑

<label class="modal_input_image fs_normal c_dark" :for="field.id" :style="'background-image:url('+backgroundImage+');'"></label>
<input :id="field.id" type="file">

标签： javascriptvue.js

Answer 1

检查文件输入上的输入和更改事件 - 在文件输入的值更改后，它应该触发这些事件 - 尝试两者，看看哪一个适合您的需求。

事件首次触发时显示“加载”指示器，服务器上传成功时隐藏指示器！