// 上传商品轮播图
const shangc = () => {
  uni.chooseImage({
    count: 9, // 最多可以选择的图片张数
    success: (res) => {
      let arr = [];
      arr = res.tempFilePaths;
      fliesrc(arr);
    }
  });
};

const uploadFilePromise = (filePath) => {
  return new Promise((resolve, reject) => {
    uni.uploadFile({
      url: upFile.apiFile + '/upload/simple',
      filePath: filePath,
      name: 'file',
      formData: {},
      success: (uploadFileRes) => {
        const data = JSON.parse(uploadFileRes.data);
        resolve(data.retData); // 解析为上传成功的图片 URL
      },
      fail: (err) => {
        reject(err); // 拒绝 Promise 并传递错误
      }
    });
  });
};

const fliesrc = (imagePaths) => {
  uni.showLoading({
    title: '上传中',
    mask: true
  });
  const uploadPromises = imagePaths.map((filePath) => uploadFilePromise(filePath));
  Promise.all(uploadPromises)
    .then((imageUrls) => {
      console.log(4566, imageUrls);
      // imageUrls 是一个包含所有上传图片 URL 的数组
      // 假设您想要将所有这些 URL 保存在 details.value.imageUrls 中
      details.value.imageUrls = imageUrls;
      console.log('商品详情', details.value.imageUrls);
      uni.hideLoading(); //关闭加载框
      uni.$u.toast('上传图片成功');
    })
    .catch((error) => {
      // 如果有任何上传失败,这里会捕获到错误
      uni.$u.toast('上传失败:' + error.message);
      console.error('上传失败:', error);
    });
};

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐