如何在django中使用ajax上传文件？

<form id="upload-form" enctype="multipart/form-data">
  <input type="file" name="file" id="file-input">
  <button type="button" id="upload-button">上传</button>
</form>

document.getElementById('upload-button').addEventListener('click', function() {
  var form = document.getElementById('upload-form');
  var formData = new FormData(form);
  
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload/', true);
  
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理上传成功的响应
    }
  };
  
  xhr.send(formData);
});

from django.http import JsonResponse

def upload(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 . import views

urlpatterns = [
    path('upload/', views.upload, name='upload'),
]