如何使用节点强大的项目滚动自己的进度条？答案

【问题标题】：How can I roll my own progress bar using node-formidable project?如何使用节点强大的项目滚动自己的进度条？
【发布时间】：2018-11-12 04:58:57
【问题描述】：

我是 node.js 的新手。

我目前正在开发文件上传服务。我在客户端使用 xhr 轮询如下：

var xhr = new XMLHttpRequest();
var onProgress = function(e) {
    console.log(e);
};
var formData = new FormData();
formData.append('file_name_input', file_name_input[0].files[0]);
xhr.addEventListener('progress', onProgress, false);
xhr.open('post', 'http://ServerAddress/upload', true);
xhr.send(formData);

在服务器上我使用formidable 和类似的代码：

var http = require('http'),
    formidable = require('formidable');

var server = http.createServer(function(request, response) {
   if (request.url == '/upload' && request.method.toLowerCase() == 'post') {
       var form = new formidable.IncomingForm();
       form.addListener('progress', function(bytesReceived, bytesExpected){
           response.write(bytesReceived);
       });
   }
});

我的问题是这段代码没有滚动我自己的进度条。如何从客户端滚动自己的进度条？

【问题讨论】：

标签： node.js xmlhttprequest

【解决方案1】：

您可以从查看现有库（例如jQuery File Upload）如何实现进度条开始。它使用twitter's bootstrap 来渲染进度条

【讨论】：