使用AJAX django上传文件和其他属性

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

<script>
  document.getElementById('upload-form').addEventListener('submit', function(e) {
    e.preventDefault();
    
    var form = new FormData(this);
    
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload/', true);
    xhr.onload = function() {
      if (xhr.status === 200) {
        // 处理成功响应
        console.log(xhr.responseText);
      } else {
        // 处理错误响应
        console.error(xhr.responseText);
      }
    };
    xhr.send(form);
  });
</script>

from django.http import JsonResponse

def upload_view(request):
    if request.method == 'POST':
        file = request.FILES.get('file')
        other_property = request.POST.get('other_property')
        
        # 处理文件上传和其他属性
        # 保存文件到服务器上的指定位置
        file.save('path/to/save/file')
        
        # 其他属性处理
        
        # 返回响应
        return JsonResponse({'message': '上传成功'})