2013-08-19 17 views
19

Sto creando un programma di aggiornamento che scarica i file dell'applicazione utilizzando il modulo Nodo request. Come posso utilizzare chunk.length per stimare la dimensione del file rimanente? Ecco la parte del mio codice:Ottieni avanzamento download in Node.js con richiesta

var file_url = 'http://foo.com/bar.zip'; 
var out = fs.createWriteStream('baz.zip'); 

var req = request({ 
    method: 'GET', 
    uri: file_url 
}); 

req.pipe(out); 

req.on('data', function (chunk) { 
    console.log(chunk.length); 
}); 

req.on('end', function() { 
    //Do something 
}); 
+0

che ho dentro .zip: node-webkit.app/e quando estraggo i dati-> NON POSSO eseguire più .app:/my code :: fs.writeFileSync (frameZipFilePath, data, "binary"); var zip = new AdmZip (frameZipFilePath); zip.extractAllTo (path.resolve ("", "tmp"), true); – miukki

risposta

18

Questo dovrebbe ottenere il totale che si desidera:

req.on('response', function (data) { 
    console.log(data.headers[ 'content-length' ]); 
}); 

ottengo una lunghezza contenuto di 9404541

+0

Grazie! È quella lunghezza in byte? – Harangue

+2

@ J4G Dovrebbe essere, sì: http://stackoverflow.com/a/2773408. –

15
function download(url, callback, encoding){ 
     var request = http.get(url, function(response) { 
      if (encoding){ 
       response.setEncoding(encoding); 
      } 
      var len = parseInt(response.headers['content-length'], 10); 
      var body = ""; 
      var cur = 0; 
      var obj = document.getElementById('js-progress'); 
      var total = len/1048576; //1048576 - bytes in 1Megabyte 

      response.on("data", function(chunk) { 
       body += chunk; 
       cur += chunk.length; 
       obj.innerHTML = "Downloading " + (100.0 * cur/len).toFixed(2) + "% " + (cur/1048576).toFixed(2) + " mb\r" + ".<br/> Total size: " + total.toFixed(2) + " mb"; 
      }); 

      response.on("end", function() { 
       callback(body); 
       obj.innerHTML = "Downloading complete"; 
      }); 

      request.on("error", function(e){ 
       console.log("Error: " + e.message); 
      }); 

     }); 
    }; 
+1

Da dove proviene '1048576'? È una costante cosmica? – Sukima

+0

Non importa il numero di byte in un Mega-Byte. – Sukima

+1

https://www.google.ru/search?q=bytes+in+a+Mega-Byte&oq=bytes+in+a+Mega-Byte&aqs=chrome..69i57.1633j0j7&sourceid=chrome&espv=210&es_sm=91&ie=UTF- 8 – miukki

2

ho scritto un modulo che fa proprio quello che vuoi: status-bar.

var bar = statusBar.create ({ total: res.headers["content-length"] }) 
    .on ("render", function (stats){ 
     websockets.send (stats); 
    }) 

req.pipe (bar); 
+0

Sì, inizialmente ho usato il modulo ma volevo essere in grado di visualizzare una barra di avanzamento per l'utente nella GUI con websockets. – Harangue

+0

Puoi farlo. Quando viene chiamata la funzione di rendering, inviare al client la barra di stato. È una stringa, puoi farci qualsiasi cosa. –

+0

Giusto, ma a un certo punto è più facile scrivere qualcosa da te che analizzare la stringa di un altro modulo. :) Apprezzo comunque il consiglio. – Harangue

6

Utilizzando il modulo fresco node-request-progress, si potrebbe fare qualcosa di simile in es2015:

import { createWriteStream } from 'fs' 
import request from 'request' 
import progress from 'request-progress' 

progress(request('http://foo.com/bar.zip')) 
.on('progress', state => { 

    console.log(state) 

    /* 
    { 
     percentage: 0.5,  // Overall percentage (between 0 to 1) 
     speed: 554732,   // The download speed in bytes/sec 
     size: { 
     total: 90044871,  // The total payload size in bytes 
     transferred: 27610959 // The transferred payload size in bytes 
     }, 
     time: { 
     elapsed: 36.235,  // The total elapsed seconds since the start (3 decimals) 
     remaining: 81.403  // The remaining seconds to finish (3 decimals) 
     } 
    } 
    */ 

    }) 
    .on('error', err => console.log(err)) 
    .on('end',() => {}) 
    .pipe(createWriteStream('bar.zip')) 
1

Nel caso in cui qualcuno vuole conoscere i progressi senza l'uso di altra libreria, ma solo richiesta, allora si può utilizzare il seguente metodo:

function downloadFile(file_url , targetPath){ 
    // Save variable to know progress 
    var received_bytes = 0; 
    var total_bytes = 0; 

    var req = request({ 
     method: 'GET', 
     uri: file_url 
    }); 

    var out = fs.createWriteStream(targetPath); 
    req.pipe(out); 

    req.on('response', function (data) { 
     // Change the total bytes value to get progress later. 
     total_bytes = parseInt(data.headers['content-length' ]); 
    }); 

    req.on('data', function(chunk) { 
     // Update the received bytes 
     received_bytes += chunk.length; 

     showProgress(received_bytes, total_bytes); 
    }); 

    req.on('end', function() { 
     alert("File succesfully downloaded"); 
    }); 
} 

function showProgress(received,total){ 
    var percentage = (received * 100)/total; 
    console.log(percentage + "% | " + received + " bytes out of " + total + " bytes."); 
    // 50% | 50000 bytes received out of 100000 bytes. 
} 

downloadFile("https://static.pexels.com/photos/36487/above-adventure-aerial-air.jpg","c:/path/to/local-image.jpg"); 

la variabile received_bytes salva il totale di ogni lunghezza chunk inviato e secondo il total_bytes, pro gress è retrieven.

1

Se si utilizza il modulo "richiesta" e si desidera visualizzare il download di percentuale senza utilizzare alcun modulo aggiuntivo, è possibile utilizzare il seguente codice:

function getInstallerFile (installerfileURL) { 

    // Variable to save downloading progress 
    var received_bytes = 0; 
    var total_bytes = 0; 

    var outStream = fs.createWriteStream(INSTALLER_FILE); 

    request 
     .get(installerfileURL) 
      .on('error', function(err) { 
       console.log(err); 
      }) 
      .on('response', function(data) { 
       total_bytes = parseInt(data.headers['content-length']); 
      }) 
      .on('data', function(chunk) { 
       received_bytes += chunk.length; 
       showDownloadingProgress(received_bytes, total_bytes); 
      }) 
      .pipe(outStream); 
}; 

function showDownloadingProgress(received, total) { 
    var percentage = ((received * 100)/total).toFixed(2); 
    process.stdout.write((platform == 'win32') ? "\033[0G": "\r"); 
    process.stdout.write(percentage + "% | " + received + " bytes downloaded out of " + total + " bytes."); 
}