uniapp 上传多张照片

在uniapp中,你可以使用Promise来处理多张照片的上传任务。以下是一个简单的示例,展示了如何使用Promise来上传多张照片:

 

// 假设有一个uploadImage方法用于上传单张图片,返回一个Promise
function uploadImage(imagePath) {
  return new Promise((resolve, reject) => {
// 这里应该是上传图片的代码,例如使用uniapp的uni.uploadFile方法
  uni.uploadFile({
    url: 'YOUR_UPLOAD_API_URL', // 替换为你的上传API地址
    filePath: imagePath,
    name: 'file',
    success: (uploadFileRes) => {
    resolve(uploadFileRes);
  },
  fail: (error) => {
    reject(error);
    }
  });
 });
}

// 使用Promise.all上传多张照片
function uploadMultipleImages(imagePaths) {
  const promises = imagePaths.map(imagePath => uploadImage(imagePath));
  return Promise.all(promises);
}

// 使用示例
const imagePaths = ['path/to/image1.jpg', 'path/to/image2.jpg', 'path/to/image3.jpg'];
  uploadMultipleImages(imagePaths)
    .then(results => {
      console.log('所有图片上传成功', results);
  })
.catch(error => {
  console.error('上传失败', error);
});

 

posted @ 2024-08-12 17:12  哼着自己旳小调调  阅读(589)  评论(0)    收藏  举报