Node.js를 통해 Base64로 인코딩된 이미지를 Amazon S3에 업로드하는 중

Node.js를 통해 Base64로 인코딩된 이미지를 Amazon S3에 업로드하는 중

어제 저는 깊은 야간 코딩 세션을 하고 작은 노드.js/JS(사실 커피스크립트이지만 커피스크립트는 자바스크립트에 불과하므로 JS라고 합시다) 앱을 만들었습니다.

목표는 무엇입니까?

1. 클라이언트가 서버에 캔버스 데이터우리(png)를 보냅니다(socket.io 를 통해).
2. 서버가 이미지를 Amazon s3에 업로드합니다.

1단계가 끝났습니다.

이제 서버에 문자열 ala가 있습니다.

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

제 질문은: 이 데이터를 Amazon S3로 "스트리밍"/업로드하고 실제 이미지를 만들기 위한 다음 단계는 무엇입니까?

녹스 https://github.com/LearnBoost/knox 은 S3에 무언가를 넣을 수 있는 멋진 lib처럼 보이지만, 제가 놓치고 있는 것은 base64-download-image-string과 실제 업로드 작업 사이의 접착제입니까?

어떤 아이디어, 조언, 피드백도 환영합니다.

여전히 이 문제로 어려움을 겪고 있는 사람들을 위해.다음은 네이티브 aws-sdk와 함께 사용한 접근 방식입니다.

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

라우터 메서드 내부(ContentType이미지 파일의 내용 유형으로 설정해야 합니다.):

  var buf = Buffer.from(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('successfully uploaded the image!');
      }
  });

s3_config.json 파일:

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

다음은 제가 우연히 발견한 기사의 코드입니다. 아래에 게시합니다.

const imageUpload = async (base64) => {

  const AWS = require('aws-sdk');

  const { ACCESS_KEY_ID, SECRET_ACCESS_KEY, AWS_REGION, S3_BUCKET } = process.env;

  AWS.config.setPromisesDependency(require('bluebird'));
  AWS.config.update({ accessKeyId: ACCESS_KEY_ID, secretAccessKey: SECRET_ACCESS_KEY, region: AWS_REGION });

  const s3 = new AWS.S3();

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

  const type = base64.split(';')[0].split('/')[1];

  const userId = 1;

  const params = {
    Bucket: S3_BUCKET,
    Key: `${userId}.${type}`, // type is not required
    Body: base64Data,
    ACL: 'public-read',
    ContentEncoding: 'base64', // required
    ContentType: `image/${type}` // required. Notice the back ticks
  }

  let location = '';
  let key = '';
  try {
    const { Location, Key } = await s3.upload(params).promise();
    location = Location;
    key = Key;
  } catch (error) {
  }

  console.log(location, key);

  return location;

}

module.exports = imageUpload;

자세히 보기: http://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#upload-property

크레딧: https://medium.com/ @mayneweb/mayneweb/base-64-이미지 데이터-노드 js-to-aws-s3-c1bd945420f

좋아요, 이것이 캔버스 데이터를 파일에 저장하는 방법입니다.

기본적으로 내 코드에서는 이렇게 느슨합니다.

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)

승인된 답변은 효과적이지만 이미지 대신 파일을 수락해야 하는 경우 이 정규식은 효과적입니다.

/^data:.+;base64,/

대규모 개발자의 경우 이 기능이 작동해야 합니다.

그$uploadFile는 S3 서버에 업로드하려는 base64 인코딩 문자열입니다.그 동안에$fileName파일 확장명을 포함해야 합니다. 예:filename.png이것과 일치하는지 확인합니다.data:image/{filetype}base64 인코딩의.

/* upload the file  */
$path = Storage::putFileAs($uploadfolder, $uploadFile, $fileName, "s3");

이 메서드를 호출하기 전에 .env 파일 속성을 설정해야 합니다.

언급URL : https://stackoverflow.com/questions/7511321/uploading-base64-encoded-image-to-amazon-s3-via-node-js