uniapp 上传多张图片到django后端

王家视频教程图书馆2024-02-14 12:17

复制代码

uniapp 上传多张图片到django后端

要在UniApp中上传多张图片到Django后端，你可以按照以下步骤进行操作：
1. 在UniApp中，使用uni.chooseImage()方法选择多张图片，并将其保存在一个数组中。例如：
复制代码
uni.chooseImage({
count: 3, // 选择图片的数量
success: function(res) {
var tempFilePaths = res.tempFilePaths; // 图片的临时文件路径数组
// 将tempFilePaths保存在一个变量中，以便后续上传
}
});

创建一个FormData对象，并将选择的图片添加到FormData中。FormData对象可以用于将数据以键值对的形式发送到后端。例如：

复制代码

var formData = new FormData();
for (var i = 0; i < tempFilePaths.length; i++) {
  formData.append('images', tempFilePaths[i]);
}

使用uni.request()方法将FormData发送到Django后端。确保将请求的Content-Type设置为'multipart/form-data'，以便正确处理文件上传。例如：

复制代码

uni.request({
  url: 'http://your-django-backend-url',
  method: 'POST',
  header: {
    'Content-Type': 'multipart/form-data'
  },
  data: formData,
  success: function(res) {
    // 处理上传成功后的响应
  },
  fail: function(res) {
    // 处理上传失败后的响应
  }
});

在Django后端中，你需要编写相应的视图函数来处理接收到的图片。可以使用Django的FileField来保存上传的图片。例如：

复制代码

from django.core.files.storage import default_storage

def upload_images(request):
    if request.method == 'POST':
        images = request.FILES.getlist('images')
        for image in images:
            default_storage.save(image.name, image)
        return HttpResponse('上传成功')

这样，你就可以在UniApp中选择多张图片并将其上传到Django后端了。记得根据你的实际情况修改代码中的URL和其他参数。