Загрузка изображения в кодировке base64 в Amazon S3 через Node.js - PullRequest
77 голосов
/ 22 сентября 2011

Вчера я провел глубокий ночной сеанс кодирования и создал небольшое приложение node.js / JS (ну, на самом деле это CoffeeScript, но CoffeeScript - это всего лишь JavaScript, поэтому, скажем, JS).

какова цель:

  1. клиент отправляет данные холста (png) на сервер (через socket.io)
  2. сервер загружает изображение в amazon s3

шаг 1 выполнен.

на сервере теперь есть строка а-ля

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

мой вопрос: каковы мои дальнейшие шаги для «потоковой передачи» / загрузки этих данных в Amazon S3 и создания там реального изображения?

knox https://github.com/LearnBoost/knox кажется удивительной библиотекой, чтобы ПОЛОЖИТЬ что-то в S3, но чего мне не хватает, так это того, что между строкой, кодированной base64-image-string, и действительным действием загрузки ?

Любые идеи, указатели и отзывы приветствуются.

Ответы [ 3 ]

163 голосов
/ 30 сентября 2014

Для людей, которые все еще борются с этой проблемой. Вот подход, который я использовал с native 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"
}
17 голосов
/ 26 сентября 2011

хорошо, это ответ как сохранить данные холста в файл

в основном это выглядит так в моем коде

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)
1 голос
/ 13 июня 2019

Принятый ответ прекрасно работает, но если кому-то нужно принять любой файл, а не только изображения, это регулярное выражение прекрасно работает:

/^data:.+;base64,/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...