Question

我在Jquery npm中使用Ajax将文件上传到Server 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/大而稳定的插件，了解有关上传的所有信息

在Node JS中使用Ajax上载时显示加载进程png

1 个答案: