web-dev-qa-db-ja.com

ローカルサーバーへのイメージの書き込み

更新

受け入れられた答えは昨年は良かったのですが、今日は他の誰もが使用するパッケージを使用します: https://github.com/mikeal/request


オリジナル

Googleのロゴを取得して、node.jsでサーバーに保存しようとしています。

これは私が今持っているものであり、動作しません:

        var options = {
            Host: 'google.com',
            port: 80,
            path: '/images/logos/ps_logo2.png'
        };

        var request = http.get(options);

        request.on('response', function (res) {
            res.on('data', function (chunk) {
                fs.writeFile(dir+'image.png', chunk, function (err) {
                    if (err) throw err;
                    console.log('It\'s saved!');
                });
            });
        });

これをどのように機能させることができますか?

58
Mark

ここで起こっているいくつかのこと:

  1. 私はあなたがfs/httpを必要とし、dir変数を設定すると仮定します:)
  2. google.comはwww.google.comにリダイレクトするため、画像ではなくリダイレ​​クト応答の本文を保存しています
  3. 応答がストリーミングされます。つまり、「データ」イベントは1回ではなく、何度も発生します。完全な応答本文を取得するには、すべてのチャンクを保存して結合する必要があります
  4. バイナリデータを取得しているため、応答とwriteFileに応じてエンコードを設定する必要があります(デフォルトはutf8)

これは動作するはずです:

var http = require('http')
  , fs = require('fs')
  , options

options = {
    Host: 'www.google.com'
  , port: 80
  , path: '/images/logos/ps_logo2.png'
}

var request = http.get(options, function(res){
    var imagedata = ''
    res.setEncoding('binary')

    res.on('data', function(chunk){
        imagedata += chunk
    })

    res.on('end', function(){
        fs.writeFile('logo.png', imagedata, 'binary', function(err){
            if (err) throw err
            console.log('File saved.')
        })
    })

})
82
Ricardo Tomasi

このスレッドは古いですが、 https://github.com/mikeal/request パッケージで同じことをしたかったです。

ここに実例があります

var fs      = require('fs');
var request = require('request');
// Or with cookies
// var request = require('request').defaults({jar: true});

request.get({url: 'https://someurl/somefile.torrent', encoding: 'binary'}, function (err, response, body) {
  fs.writeFile("/tmp/test.torrent", body, 'binary', function(err) {
    if(err)
      console.log(err);
    else
      console.log("The file was saved!");
  }); 
});
37
m4tm4t

http-request を使用することをお勧めします。これにより、リダイレクトも管理されます。

var http = require('http-request');
var options = {url: 'http://localhost/foo.pdf'};
http.get(options, '/path/to/foo.pdf', function (error, result) {
    if (error) {
        console.error(error);
    } else {
        console.log('File downloaded at: ' + result.file);
    }
});
26
Drasill

これはどうですか?

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

options = {
    Host: 'www.google.com' , 
    port: 80,
    path: '/images/logos/ps_logo2.png'
}

var request = http.get(options, function(res){

//var imagedata = ''
//res.setEncoding('binary')

var chunks = [];

res.on('data', function(chunk){

    //imagedata += chunk
    chunks.Push(chunk)

})

res.on('end', function(){

    //fs.writeFile('logo.png', imagedata, 'binary', function(err){

    var buffer = Buffer.concat(chunks)
    fs.writeFile('logo.png', buffer, function(err){
        if (err) throw err
        console.log('File saved.')
    })

})
5
yuqin

fs.readFileSync(./my_local_image_path.jpg)を使用した簡単なソリューションがあります

これは、 Azure Cognative ServicesのVision API から画像を読み取るためのものです

const subscriptionKey = 'your_Azure_subscrition_key';
const uriBase = // **MUST change your location (mine is 'eastus')**
    'https://eastus.api.cognitive.Microsoft.com/vision/v2.0/analyze';

// Request parameters.
const params = {
    'visualFeatures': 'Categories,Description,Adult,Faces',
    'maxCandidates': '2',
    'details': 'Celebrities,Landmarks',
    'language': 'en'
};

const options = {
    uri: uriBase,
    qs: params,
    body: fs.readFileSync(./my_local_image_path.jpg),
    headers: {
        'Content-Type': 'application/octet-stream',
        'Ocp-Apim-Subscription-Key' : subscriptionKey
    }
};

request.post(options, (error, response, body) => {
if (error) {
    console.log('Error: ', error);
    return;
}
let jsonString = JSON.stringify(JSON.parse(body), null, '  ');
body = JSON.parse(body);
if (body.code) // err
{
    console.log("Azure: " + body.message)
}

console.log('Response\n' + jsonString);

Cleanestrequest を使用して画像をローカルに保存する方法

const request = require('request');
request('http://link/to/your/image/file.png').pipe(fs.createWriteStream('fileName.png'))

ヘッダーに認証トークンを追加する必要がある場合は、次のようにします。

const request = require('request');
request({
        url: 'http://link/to/your/image/file.png',
        headers: {
            "X-Token-Auth": TOKEN,
        }
    }).pipe(fs.createWriteStream('filename.png'))                    
0
BlackBeard