Javascript 显示html文件输入的进度?

Javascript 显示html文件输入的进度?,javascript,vue.js,Javascript,Vue.js,我想在选择上传文件时显示进度条或微调器,我不是说服务器上传成功,我已经涵盖了这一点,我想在从输入文件中单击“选择文件”按钮后,在加载图像时显示微调器,这可能吗?我正在使用vue,所以请不要使用jquery lol <label class="modal_input_image fs_normal c_dark" :for="field.id" :style="'background-image:url('+backgroundImage+');'"></label> &l

我想在选择上传文件时显示进度条或微调器,我不是说服务器上传成功,我已经涵盖了这一点,我想在从输入文件中单击“选择文件”按钮后,在加载图像时显示微调器,这可能吗?我正在使用vue,所以请不要使用jquery lol

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

检查和上的事件-在文件输入值更改后,它应该触发这些事件-尝试这两种方法,看看哪一种适合您的需要

在事件首次触发时显示“加载”指示器,隐藏服务器上载成功时的指示器