vue3中，通过django读取后端保存的所有由当前用户上传的图片

在Vue3中，你可以通过向Django发送AJAX请求来获取当前用户上传的所有图片。以下是一个简单的示例：

1. 在Vue3中，创建一个方法来发送AJAX请求：

// 在Vue组件中定义的方法
methods: {
  getUploadedImages() {
    axios.get('/api/images/')
      .then(response => {
        // 保存响应数据到Vue组件data属性中
        this.images = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }
}

2. 在Django中，创建一个视图函数来处理AJAX请求，并返回当前用户上传的所有图片：

from django.http import JsonResponse
from django.contrib.auth.decorators import login_required
from django.views.decorators.csrf import csrf_exempt
from myapp.models import Image

@login_required
@csrf_exempt
def get_uploaded_images(request):
    # 获取当前用户上传的所有图片
    images = Image.objects.filter(user=request.user)
    # 将图片数据转换成JSON格式并返回
    data = [{'id': img.id, 'url': img.image.url} for img in images]
    return JsonResponse(data, safe=False)

3. 在Vue组件中，在mounted生命周期钩子中调用getUploadedImages方法：

// 在Vue组件中的mounted生命周期钩子中调用getUploadedImages方法
mounted() {
  this.getUploadedImages();
},

这样就可以获取到当前用户上传的所有图片，并在Vue组件中进行展示。注意，上述代码中的/api/images/和myapp.models.Image需要根据实际情况进行修改。