使用axios将文件上传到django ImageField

<form>
  <input type="file" id="fileInput">
  <button type="button" onclick="uploadFile()">上传</button>
</form>

function uploadFile() {
  const fileInput = document.getElementById('fileInput');
  const file = fileInput.files[0];
  
  const formData = new FormData();
  formData.append('image', file);
  
  axios.post('/upload/', formData)
    .then(response => {
      console.log(response.data);
    })
    .catch(error => {
      console.error(error);
    });
}

from django.http import JsonResponse

def upload_view(request):
    if request.method == 'POST' and request.FILES.get('image'):
        image = request.FILES['image']
        instance = YourModel(image=image)
        instance.save()
        return JsonResponse({'message': '文件上传成功'})
    else:
        return JsonResponse({'message': '文件上传失败'})