如何从我的视图中的Formdata对象获取数据？

Question

我的AJAX调用发送一个FormData对象，其中包含一个上传的图像数据：

$(document).on('submit', '#profileImageForm', function(e){
    e.preventDefault();
    var form_data = new FormData();
    var image = document.getElementById('id_banner_image').files[0].name;
    form_data.append('file', image);

    $.ajax({
        type:'POST',
        url: '/change_banner_image/',
        data : {
            form_data: form_data,
            csrfmiddlewaretoken: $("input[name='csrfmiddlewaretoken']").val(),
        },
        traditional: true,
        cache: false,
        success: function(response){
            console.log('Success');
        },
    });
});

并且在我的视图中成功接收到该呼叫：

def change_banner_image(request):
    if request.is_ajax():
        data = request.POST.get('form_data')
        profile = get_object_or_404(Profile, user=request.user)
        profile.image = data
        profile.save()
        print(data)

    return HttpResponse()

print(data)打印： [object FormData] 。 那么如何从这个FormData对象获取上传的图像？ 然后它将是profile.image的值（这是一个FileField ）。

Answer 1

问题是因为您正在编码FormData本身，这是不正确的。 它是二进制数据，无法按照您尝试的方式进行编码。

相反，您需要反转逻辑以将CSRF令牌添加到您发送的FormData 。 您还需要将processData和contentType设置为false以便在发送请求之前不修改二进制数据，并删除traditional属性。 尝试这个：

$(document).on('submit', '#profileImageForm', function(e){
    e.preventDefault();
    var form_data = new FormData();
    var image = document.getElementById('id_banner_image').files[0].name;
    form_data.append('file', image);
    form_data.append('csrfmiddlewaretoken', $("input[name='csrfmiddlewaretoken']").val());

    $.ajax({
        type:'POST',
        url: '/change_banner_image/',
        data: form_data,
        processData: false,
        contentType: false,
        cache: false,
        success: function(response){
            console.log('Success');
        },
    });
});

Answer 2

你可以试试这个

data = request.data

如果您发送文件数据

files = request.FILES