web-dev-qa-db-ja.com

Node.jsを介してbase64でエンコードされたイメージをAmazon S3にアップロードする

昨日、深夜のコーディングセッションを行い、小さなnode.js/JS(実際にはCoffeeScriptですが、CoffeeScriptはJavaScriptなのでJavaScriptと言えます)アプリを作成しました。

目標は何ですか:

  1. クライアントはキャンバスdatauri(png)をサーバーに送信します(socket.io経由)
  2. サーバーは画像をAmazon s3にアップロードします

ステップ1が完了しました。

サーバーには文字列があります

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt...

私の質問は:このデータをAmazon S3に「ストリーミング」/アップロードし、そこに実際のイメージを作成する次のステップは何ですか?

knox https://github.com/LearnBoost/knox はS3に何かをPUTするための素晴らしいライブラリのようです base64-encoded-image-stringと実際のアップロードアクション

アイデア、ポインタ、フィードバックを歓迎します。

77

まだこの問題に苦しんでいる人々のために。ネイティブaws-sdkで使用したアプローチを次に示します。

var AWS = require('aws-sdk');
AWS.config.loadFromPath('./s3_config.json');
var s3Bucket = new AWS.S3( { params: {Bucket: 'myBucket'} } );

ルーターメソッド内:-ContentTypeは画像ファイルのコンテンツタイプに設定する必要があります

  buf = new Buffer(req.body.imageBinary.replace(/^data:image\/\w+;base64,/, ""),'base64')
  var data = {
    Key: req.body.userId, 
    Body: buf,
    ContentEncoding: 'base64',
    ContentType: 'image/jpeg'
  };
  s3Bucket.putObject(data, function(err, data){
      if (err) { 
        console.log(err);
        console.log('Error uploading data: ', data); 
      } else {
        console.log('succesfully uploaded the image!');
      }
  });

s3_config.jsonファイルは次のとおりです。

{
  "accessKeyId":"xxxxxxxxxxxxxxxx",
  "secretAccessKey":"xxxxxxxxxxxxxx",
  "region":"us-east-1"
}
169
Divyanshu Das

oK、これが答えです キャンバスデータをファイルに保存する方法

基本的に私のコードではこのように見えます

buf = new Buffer(data.dataurl.replace(/^data:image\/\w+;base64,/, ""),'base64')


req = knoxClient.put('/images/'+filename, {
             'Content-Length': buf.length,
             'Content-Type':'image/png'
  })

req.on('response', (res) ->
  if res.statusCode is 200
      console.log('saved to %s', req.url)
      socket.emit('upload success', imgurl: req.url)
  else
      console.log('error %d', req.statusCode)
  )

req.end(buf)
17

受け入れられた答えはうまくいきますが、誰かが画像だけではなくファイルを受け入れる必要がある場合、この正規表現はうまくいきます:

/^data:.+;base64,/

1
Ms01