如何使用節點強大的項目滾動我自己的進度條

Question

我是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); 
     }); 
    } 
}); 

我的問題是這樣的代碼並沒有推出自己的進度條。任何朋友都可以幫助我如何從客戶端推出自己的進度條？

Answer 1

您可以從現有的庫如jQuery File Upload實現進度條開始。它使用twitter's bootstrap來渲染進度條