如何在django中使用ajax上传照片？

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

$(document).ready(function() {
  $('#upload-button').click(function() {
    var form_data = new FormData($('#upload-form')[0]);
    $.ajax({
      url: '/upload_photo/',  // 后端处理上传的URL
      type: 'POST',
      data: form_data,
      processData: false,
      contentType: false,
      success: function(response) {
        // 处理上传成功后的逻辑
      },
      error: function(xhr, status, error) {
        // 处理上传失败后的逻辑
      }
    });
  });
});

from django.urls import path
from . import views

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

from django.http import JsonResponse

def upload_photo(request):
    if request.method == 'POST' and request.FILES['photo']:
        photo = request.FILES['photo']
        # 在这里进行照片文件的保存操作，例如：
        # with open('path/to/save/photo.jpg', 'wb+') as destination:
        #     for chunk in photo.chunks():
        #         destination.write(chunk)
        return JsonResponse({'message': '上传成功'})
    else:
        return JsonResponse({'message': '上传失败'})