使用node.js下载图像

时间:2012-10-05 06:25:01

标签: image node.js image-processing download

我正在尝试使用node.js编写脚本来下载图像。这就是我到目前为止所做的:

var maxLength = 10 // 10mb
var download = function(uri, callback) {
  http.request(uri)
    .on('response', function(res) {
      if (res.headers['content-length'] > maxLength*1024*1024) {
        callback(new Error('Image too large.'))
      } else if (!~[200, 304].indexOf(res.statusCode)) {
        callback(new Error('Received an invalid status code.'))
      } else if (!res.headers['content-type'].match(/image/)) {
        callback(new Error('Not an image.'))
      } else {
        var body = ''
        res.setEncoding('binary')
        res
          .on('error', function(err) {
            callback(err)
          })
          .on('data', function(chunk) {
            body += chunk
          })
          .on('end', function() {
            // What about Windows?!
            var path = '/tmp/' + Math.random().toString().split('.').pop()
            fs.writeFile(path, body, 'binary', function(err) {
              callback(err, path)
            })
          })
      }
    })
    .on('error', function(err) {
      callback(err)
    })
    .end();
}
但是,我想让这个更强大:

  1. 是否存在执行此操作并更好地执行此操作的库?
  2. 响应标题是否有可能(关于长度,关于内容类型)?
  3. 我还应该关注其他任何状态代码吗?我应该为重定向而烦恼吗?
  4. 我想我读过某个地方binary编码将被弃用。那我该怎么办?
  5. 如何让它在Windows上运行?
  6. 您可以通过其他方式改进此脚本吗?
  7. 为什么:对于类似于imgur的功能,用户可以给我一个URL,我下载该图像,并以多种尺寸重新托管图像。

6 个答案:

答案 0 :(得分:341)

我建议使用request module。下载文件就像下面的代码一样简单:

var fs = require('fs'),
    request = require('request');

var download = function(uri, filename, callback){
  request.head(uri, function(err, res, body){
    console.log('content-type:', res.headers['content-type']);
    console.log('content-length:', res.headers['content-length']);

    request(uri).pipe(fs.createWriteStream(filename)).on('close', callback);
  });
};

download('https://www.google.com/images/srpr/logo3w.png', 'google.png', function(){
  console.log('done');
});

答案 1 :(得分:20)

我几天前遇到了这个问题,对于一个纯粹的NodeJS答案,我建议使用Stream将这些块合并在一起。

var http = require('http'),                                                
    Stream = require('stream').Transform,                                  
    fs = require('fs');                                                    

var url = 'http://www.google.com/images/srpr/logo11w.png';                    

http.request(url, function(response) {                                        
  var data = new Stream();                                                    

  response.on('data', function(chunk) {                                       
    data.push(chunk);                                                         
  });                                                                         

  response.on('end', function() {                                             
    fs.writeFileSync('image.png', data.read());                               
  });                                                                         
}).end();

最新的Node版本不能很好地处理二进制字符串,因此在处理二进制数据时,将块与字符串合并不是一个好主意。

*使用'data.read()'时要小心,它会清空下一个'read()'操作的流。如果您想多次使用它,请将其存放在某处。

答案 2 :(得分:8)

您可以使用 Axios (Node.js的基于promise的HTTP客户端)以在asynchronous environment中选择的顺序下载图像:

npm i axios

然后,您可以使用以下基本示例开始下载图像:

const fs = require('fs');
const axios = require('axios');

/* ============================================================
  Function: Download Image
============================================================ */

const download_image = (url, image_path) => axios({
  url: url,
  responseType: 'stream',
}).then(response => {
  response.data.pipe(fs.createWriteStream(image_path));

  return {
    status: true,
    error: '',
  };
}).catch(error => ({
  status: false,
  error: 'Error: ' + error.message,
}));

/* ============================================================
  Download Images in Order
============================================================ */

(async () => {
  let example_image_1 = await download_image('https://example.com/test-1.png', 'example-1.png');

  console.log(example_image_1.status); // true
  console.log(example_image_1.error); // ''

  let example_image_2 = await download_image('https://example.com/does-not-exist.png', 'example-2.png');

  console.log(example_image_2.status); // false
  console.log(example_image_2.error); // 'Error: Request failed with status code 404'

  let example_image_3 = await download_image('https://example.com/test-3.png', 'example-3.png');

  console.log(example_image_3.status); // true
  console.log(example_image_3.error); // ''
})();

答案 3 :(得分:6)

如果您想要进度下载,请尝试:

var fs = require('fs');
var request = require('request');
var progress = require('request-progress');

module.exports = function (uri, path, onProgress, onResponse, onError, onEnd) {
    progress(request(uri))
    .on('progress', onProgress)
    .on('response', onResponse)
    .on('error', onError)
    .on('end', onEnd)
    .pipe(fs.createWriteStream(path))
};

使用方法:

  var download = require('../lib/download');
  download("https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png", "~/download/logo.png", function (state) {
            console.log("progress", state);
        }, function (response) {
            console.log("status code", response.statusCode);
        }, function (error) {
            console.log("error", error);
        }, function () {
            console.log("done");
        });

注意:您应该同时安装请求和放大器请求 - 进度模块使用:

npm install request request-progress --save

答案 4 :(得分:3)

var fs = require('fs'),
http = require('http'),
https = require('https');

var Stream = require('stream').Transform;

var downloadImageToUrl = (url, filename, callback) => {

    var client = http;
    if (url.toString().indexOf("https") === 0){
      client = https;
     }

    client.request(url, function(response) {                                        
      var data = new Stream();                                                    

      response.on('data', function(chunk) {                                       
         data.push(chunk);                                                         
      });                                                                         

      response.on('end', function() {                                             
         fs.writeFileSync(filename, data.read());                               
      });                                                                         
   }).end();
};

downloadImageToUrl('https://www.google.com/images/srpr/logo11w.png', 'public/uploads/users/abc.jpg');

答案 5 :(得分:1)

这是Cezary答案的延伸。如果要将其下载到特定目录,请使用此目录。另外,使用const而不是var。这样安全。

const fs = require('fs');
const request = require('request');
var download = function(uri, filename, callback){
  request.head(uri, function(err, res, body){    
    request(uri).pipe(fs.createWriteStream(filename)).on('close', callback);
  });
};

download('https://www.google.com/images/srpr/logo3w.png', './images/google.png', function(){
  console.log('done');
});