vue3中，通过el-upload向django上传图片，并同时传递当前的用户名

你可以通过设置 el-upload 的 custom-request 属性来自定义上传请求，将当前用户名作为额外的参数传递到后端 Django 服务器。具体实现步骤如下：

1. 在 Vue 组件中定义一个方法，用于自定义上传请求。在该方法中，将图片文件和当前用户名作为 FormData 对象的参数，然后发送 POST 请求到 Django 服务器。

<template>
  <el-upload
    action="/api/upload/"
    :custom-request="handleUpload">
    <el-button>选择图片</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleUpload(file) {
      const formData = new FormData();
      formData.append('image', file);
      formData.append('username', this.username);
      this.$http.post('/api/upload/', formData)
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
}
</script>

2. 在 Django 中定义一个视图函数，用于接收上传的图片和用户名。在该函数中，从 request.FILES 中获取上传的图片文件，从 request.POST 中获取当前用户名，然后进行相应的处理。

from django.http import JsonResponse

def upload_view(request):
    if request.method == 'POST':
        image_file = request.FILES.get('image')
        username = request.POST.get('username')
        # 进行相应的处理
        return JsonResponse({'success': True})

通过以上步骤，你就可以实现在 Vue3 中使用 el-upload 向 Django 上传图片，并同时传递当前的用户名了。