compressorjs实现多张图片压缩及上传

sboeugfbhaeo

已于 2022-11-06 22:36:15 修改

阅读量3.3k

点赞数 2

文章标签：前端 javascript 开发语言

于 2022-11-05 20:53:39 首次发布

本文链接：https://blog.csdn.net/sboeugfbhaeo/article/details/127708857

版权

需求

表单内容中包含图片（可能多张），采取方法是先请求多次将图片上传，将图片上传后返回的链接放到表单请求体中，再提交表单内容。

思路

使用Promise.all将图片全部上传之后再提交表单

const promises = imageList.value.map(it => uploadFile(it))
Promise.all(promises).then((res: any) => {
   
  postRequest.images = res.map((val: any) => {
   
    return import.meta.env.VITE_APP_BASE_URL val.data.url
  }).join(';')
  return postExposure(postRequest) //提交表单请求
}).then((res) => {
   
  if(res.status === 0) {
   
    Toast.success('发布成功！')
  }
}).catch((err