使用Javascript将文件上传到Django

Question

我有简单的提取功能，我想上传base64图像。 功能如下：

function upload_to_server(canvasData){
    console.log(canvasData); // that is data:image/png;base64,iVBORw0KGgoAAAANSUh.......
    return fetch(api_url, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: {photo: canvasData}
    }).then(function (value) {
        if(value.ok){
            return value.json().then(function (response) {
                debugger;
            })
        }
    }).catch(function (reason) {
        debugger;
    })
}

我有简单的Django视图：

def upload_image(request):
    print(request.POST)
    pdb.set_trace()

当调用函数upload_to_server时，该视图成功执行，但是request.POST为空。 它不能为空，它应该具有具有该base64值的关键photo 。

知道我做错了什么吗？

Answer 1

如果别人有同样的问题。 我如下解决。

我将提取请求的主体更改为：

body: JSON.stringify({photo: canvasData})

并且我更改了django视图，因为数据在request.body ，而不在request.POST

import json
def upload_image(request):
    body = json.loads(request.body)
    photo = body['photo']
    // Rest of the code

额外

照片是base64编码的，但我需要将其作为媒体文件。 我将其转换为媒体文件并将其保存到数据库，如下所示：

def upload_image(request):
    body = json.loads(request.body)
    photo = body['photo']
    img_format, img_str = photo.split(';base64,')
    ext = img_format.split('/')[-1]

    data = ContentFile(base64.b64decode(img_str), name='temp.' + ext)  # You can save this as file instance.
    try:
        n_file = Files()
        n_file.file = data
        n_file.save()
        return JsonResponse({'status': 'success'})
    except Exception as err:
        return JsonResponse({'status': 'failed'})