如何将画布数据uri上传到amazon s3服务器

Question

现在，我已经传递了画布数据URI字符串

（数据：image / png; base64，iVBORw0KGgoAAAANSUhEUgAAAUAAAADwCAYAAABxLb1rAAAgAElEQVR .....）

到我的hapi（NodeJS）服务器。

我的问题是：

我将接下来的步骤“流”/上传到Amazon S3并在那里创建实际图像是什么？

Answer 1

在将对象发送到s3之前，必须将base64转换为缓冲区并在发送之后，例如：

var buf = new Buffer(b64string, 'base64');
s3.putObject({/*some  params*/, Body: buf}, function(err, data) {
  if (err) console.log(err, err.stack); // an error occurred
  else     console.log(data);           // successful response
});

在此之后，您将数据发送到s3，您将无需解码即可打开图像。

祝好运！

Answer 2

1. 将您的数据URI存储在vaiable中。
2. 创建函数，将您的数据URI（64位编码的字符串）解码为字符串（这里我创建了dataURItoBlob（）函数）并在解码后返回字符串

3. 将该字符串传递给S3上传功能的 主体

    var myDataUri = "data:application/pdf;base64,JVBERi0xLjMKMyAwIG9iago8PC9UeXBlIC9QYW..." var myFile=dataURItoBlob(myDataUri); function dataURItoBlob(dataURI) { console.log('1: ',dataURI); var binary = atob(dataURI.split(',')[1]); var array = []; console.log('2: ',binary.length); for (var i = 0; i < binary.length; i++) { array.push(binary.charCodeAt(i)); } return new Blob([new Uint8Array(array)], { type: 'application/pdf' }); } if (myFile)) { results.innerHTML = ''; var params = { Key: new Date().getTime() + '.pdf', ContentType: 'application/pdf', Body: myFile }; bucket.upload(params, function(err, data) { results.innerHTML = err ? 'ERROR!' : 'UPLOADED.: ' + file; }); } else { results.innerHTML = 'Nothing to upload.'; }