boto3 和 dropzone.js 的 S3 图像上传错误答案

【问题标题】：S3 image upload error with boto3 and dropzone.jsboto3 和 dropzone.js 的 S3 图像上传错误
【发布时间】：2018-07-23 10:07:46
【问题描述】：

使用此 API，我可以使用 Postman 将文件上传到 S3。

我给出了文件“/home/user/Downloads/black-rose.png”的直接路径

header_logo = request.data['header_logo']

#local file path
data = open(header_logo, 'rb')

s3 = boto3.resource(
     's3',
     aws_access_key_id=ACCESS_KEY_ID,
     aws_secret_access_key=ACCESS_SECRET_KEY,
     config=Config(signature_version='s3v4')
 )
#generatre a random url
header_logo = "header_logo/" + get_random_string(length=20) + ".png"

#AWS foler & file name with public access
s3.Bucket(BUCKET_NAME).put_object(Key=header_logo, ContentType = 'image/png', Body=data, ACL='public-read')

当我给直接文件路径它的工作时，但我的前端开发人员说他不能使用 javascript 给出直接文件路径，所以他使用插件“dropzonejs”来加密提供像这样的文件的文件路径

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAgAElEQVR4Xoy9B7hlZ3Xe/9u9nH5uL3OnabqkkTTqCFVAgA2SwQaX4GATHIc/DiFg

直接将此数据提供给 api 会引发错误

【问题讨论】：

标签： django amazon-s3 boto3 dropzone.js

【解决方案1】：

您只需要解码图像的base 64 表示，然后上传解码结果，注意字符串的开头直到第一个逗号实际上并不是图像的一部分，您需要修剪前缀。

import base64

image_string = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAgAElEQVR4Xoy9B7hlZ3Xe/9u9nH5uL3OnabqkkTTqCFVAgA2SwQaX4GATHIc/DiFg"

image_encoded = image_string[image_string.index(',') + 1:]

image_data = base64.b64decode(image_encoded)

然后就可以把图片的数据上传到s3了

s3.Bucket(BUCKET_NAME).put_object(Key=header_logo, ContentType = 'image/png', Body=image_data, ACL='public-read')

【讨论】：