ajax - Node JS中使用Ajax上传时显示加载过程png

Question

我在 Jquery npm 中使用 Ajax 将文件上传到服务器 API。我希望在服务器处理该文件期间，客户端显示一张加载 PNG 的图像。我需要有关此问题的帮助。非常感谢

这是我的 Ajax 代码

jquery.ajax({
      url: 'http://localhost:3000/upload/contact',
      type: 'POST',
      data: formData,
      async: false,
      cache: false,
      contentType: false,
      processData: false,
      success: function (r) {
        if (r.statusCode == 0) {
          this.setState({success: 'Upload file success', error: false})
          window.location.reload();
        }
        else if (r.statusCode == -1) {
          this.setState({error: r.error, success: false})
          React.findDOMNode(this.refs.fileUpload).value = ''
        }
      }.bind(this)
    });

Answer 1

如果您使用 <input type="file">，则应使用 HTML5 进度事件用于文件上传。以下是指南的操作方法:http://www.matlus.com/html5-file-upload-with-progress/

不可能使用 jquery.ajax 显示进度 - 在这种情况下，您需要在文件处理时将一些进度数据从 Nodejs 服务器发送回客户端。有关它的一些信息可以在这里找到 How to create a Node.js API that can send progress indication data to the front view?

如果您只需要使用文件上传 API 和进度条 - 尝试查看 https://blueimp.github.io/jQuery-File-Upload/大型且稳定的插件，适用于有关上传的所有内容