如何在django中使用ajax post请求发送文件

$(document).ready(function() {
    $('#file-upload-form').on('submit', function(event) {
        event.preventDefault(); // 阻止表单默认提交行为

        var formData = new FormData();
        var fileInput = $('#file-input')[0].files[0]; // 获取文件输入框中的文件
        formData.append('file', fileInput);

        $.ajax({
            url: '/upload/', // 后端处理上传文件的URL
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                // 处理上传成功后的逻辑
                console.log(response);
            },
            error: function(xhr, status, error) {
                // 处理上传失败后的逻辑
                console.error(error);
            }
        });
    });
});

from django.http import JsonResponse

def upload_file(request):
    if request.method == 'POST' and request.FILES['file']:
        file = request.FILES['file']
        # 处理文件逻辑，例如保存到服务器或进行其他操作
        # ...

        return JsonResponse({'message': '文件上传成功'})
    else:
        return JsonResponse({'message': '文件上传失败'})

from django.urls import path
from .views import upload_file

urlpatterns = [
    path('upload/', upload_file, name='upload_file'),
    # 其他URL配置...
]