node.js로 이미지 다운로드 [닫기]


169

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. 이 스크립트를 더 잘 만들 수있는 다른 방법이 있습니까?

이유 : 사용자가 URL을 제공 할 수있는 imgur와 유사한 기능의 경우 해당 이미지를 다운로드하고 이미지를 여러 크기로 다시 호스팅합니다.

답변:


401

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
멋있는! 실제로 다운로드하기 전에 크기와 내용 유형을 확인하는 방법이 있습니까?
Jonathan Ong

2
이미지를 어디로 다운로드합니까?
Gofilord

17
나를 위해 작동하지 않습니다 (이미지가 손상됨
Darth

2
@Gofilord는 루트 디렉토리로 이미지를 다운로드합니다.
dang

1
저장된 위치를 변경할 수 있습니까? 특정 폴더에 원하는 경우?
AKL012

34

며칠 전에이 문제에 부딪 쳤습니다. 순결한 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();

최신 노드 버전은 이진 문자열에서 제대로 작동하지 않으므로 이진 데이터로 작업 할 때 문자열과 청크를 병합하는 것은 좋지 않습니다.

* 'data.read ()'를 사용할 때주의해야합니다. 다음 'read ()'작업을 위해 스트림을 비 웁니다. 두 번 이상 사용하려면 어딘가에 보관하십시오.


7
다운로드를 디스크로 직접 스트리밍하지 않는 이유는 무엇입니까?
geon

손상된 파일을 만들 때 함께 문자열을 청킹하는 데 많은 문제가 있었지만이 작업은
Shaho

27

비동기 환경 에서 선택한 순서대로 이미지를 다운로드하기 위해 Axios ( Node.js 의 약속 기반 HTTP 클라이언트)를 사용할 수 있습니다 .

npm i axios

그런 다음 다음 기본 예를 사용하여 이미지 다운로드를 시작할 수 있습니다.

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

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

const download_image = (url, image_path) =>
  axios({
    url,
    responseType: 'stream',
  }).then(
    response =>
      new Promise((resolve, reject) => {
        response.data
          .pipe(fs.createWriteStream(image_path))
          .on('finish', () => resolve())
          .on('error', e => reject(e));
      }),
  );

/* ============================================================
  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); // ''
})();

2
좋은 예입니다! 그러나 거의 읽을 수있는 코드는 시도 표준 스타일을 : D
camwhite

3
@camwhite 세미콜론을 선호합니다 . ;)
Grant Miller

1
'finish'및 'error'이벤트를 쓰기 스트림에 첨부하고 약속으로 감싸서 약속을 반환해야합니다. 그렇지 않으면 아직 완전히 다운로드되지 않은 이미지에 액세스하려고 할 수 있습니다.
jwerre 2019

기다렸다가 이미지를 완전히 다운로드하여 액세스하려고 시도하지 않겠습니까? @jwerre
FabricioG

@jwerre @FabricioG 나는 기능을 업데이트했습니다 download_image반환 약속을위한 '마무리'와 '오류'이벤트 캡처
Beeno 퉁

10

진행 다운로드를 원하면 다음을 시도하십시오.

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

2
이것은 훌륭했지만 statusCode수표 추가를 제안하고 싶었습니다 . 예를 들어 500 statusCode는에 맞지 않습니다 'on("error", e). 추가하면 on('response', (response) => console.error(response.statusCode))디버깅이 매우 쉬워집니다.
mateuscb

1
내 답변을 편집 할 수 있습니다 :)
Fareed Alnamrouti

4

위의 내용을 토대로 누군가가 쓰기 / 읽기 스트림의 오류를 처리 해야하는 경우이 버전을 사용했습니다. 메모 stream.read()우리가 읽기 및 트리거를 완료 할 수 있도록 쓰기 오류의 경우에는, 필요있어 close읽기 스트림에.

var download = function(uri, filename, callback){
  request.head(uri, function(err, res, body){
    if (err) callback(err, filename);
    else {
        var stream = request(uri);
        stream.pipe(
            fs.createWriteStream(filename)
                .on('error', function(err){
                    callback(error, filename);
                    stream.read();
                })
            )
        .on('close', function() {
            callback(null, filename);
        });
    }
  });
};

2
stream.read()낡은 것처럼 not a function
보이고

4
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');

1
함수가 콜백을 트리거하지 않습니다
crockpotveggies

4

이것은 Cezary의 답변에 대한 확장입니다. 특정 디렉토리로 다운로드하려면 이것을 사용하십시오. 또한 var 대신 const를 사용하십시오. 이 방법으로 안전합니다.

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');
});
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.