使用 Ajax 和 Boto3 for Django 将文件上传到 S3

Question

我有一个 django 项目，我想将其中的所有图像上传到 S3。我已经安装了 boto3 并且能够打印出我的桶。因此我知道我有确定的联系。现在我的下一步是使用 ajax 将文件推送到 S3。以下是我当前的设置。这种方法行得通吗？我偶然发现的一个问题是 Chrome returns C:\fakepath\filename。

Django 视图：

def change_project_image(request):
    image = request.POST['image']

    data = open(image, 'rb')
    s3.Bucket('bucket-name').put_object(Key='filename.jpg', Body=data)

    return HttpResponse('temporary return')

Javascript:

$('#project-image-upload').on('change', function(){
    var image = $(this).val();

    $.post('/project/change-project-image/', {image:image} function(data){

    }, 'json');
});

HTML:

<label class="btn btn-default btn-file">
    Browse <input id="project-image-upload" type="file">
</label>

Answer 1

所以我采用了不同的方法并且能够访问视图中的对象。我将输入添加到一个发布到我想要的视图的表单中，然后我像这样处理文件：

def change_project_image(request):
    image = request.FILES['image']
    #now I need to pull the temporary path of image and pass it to boto

    data = open('path_to_file', 'rb')
    s3.Bucket('bucket_name').put_object(Key='filename.jpg', Body=data)

我遇到的问题是我忘记在我的表单中添加 enctype="multipart/form-data" 所以 request.FILES['image'] 是空的。

使用 Ajax 和 Boto3 for Django 将文件上传到 S3

Upload file to S3 using Ajax and Boto3 for Django

ajax

django

amazon-s3

jquery-file-upload

boto3