Javascript 在上传输入文件时显示加载程序

我有一个HTML表单，输入文件如下：

<form method="POST" enctype="multipart/form-data">
    <input type="file" name="pic" accept="image/*">
    <button type="submit">Salva</button>
</form>

萨尔瓦

有时，特别是对于大文件，上传过程会持续很长时间，用户不知道发生了什么

---

是否有任何jQuery/javascript事件可以在上载开始时执行某些操作，并在上载结束时执行其他操作？

只要使用bootstrap 3或4，就可以将加载状态设置为按钮

例如：

var $btn = $(this);
 $btn.button('loading');
 // simulating a timeout
 setTimeout(function () {
   $btn.button('reset');
 }, 1000);

除此之外，您可以在按钮上设置

数据加载文本

属性，然后在加载状态打开时显示自定义文本。您还可以在

数据加载文本

属性中放置一些带有微调器的字体图标

或者，如果您不使用引导，您可以使用一些插件，例如：

---

第一个问题不可能是解决方案！我不想要一个假的1秒计时器。我需要等待输入上传结束。第二个很好，但不是我想要的。这是一个简单的加载器。我需要如何拦截事件。为什么这不是解决方案？您可以在ajax调用后使用reset方法。Mmmm..代码中没有ajax..我只想在用户从pc中选择pic并在上载完成时隐藏它时执行一些操作（如显示div）。下面是一个工作示例@@b我认为您没有得到他正在寻求解决方案的问题。这不是用户所问问题的解决方案，事实上它甚至不接近于解决方案的替代方案@AngelLuis的可能副本你读过我的问题了吗？我不是在找货物。我正在寻找如何截获上传文件何时开始和何时结束！在该url中有解决方案，但是如果使用jQuery，则必须知道如何使用ajax方法。因为上传文件是一项异步工作。