栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

vant上传图片(多选,直接上传到服务器)

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vant上传图片(多选,直接上传到服务器)

      
图片上传
 data() {
    return {
      countMax: 9,
      fileList: [],
      fileArr: [],
    }
  },
//方法
//上传图片
    afterRead(file) {
      if (!Array.isArray(file)) {
        file = [file]
      }
      for (let i = 0; i < file.length; i++) {
        let fileUrl = file[i].file
        file[i].status = 'uploading'
        file[i].message = '上传中...'
        let formData = new FormData()
        formData.append('file', fileUrl)
        this.postImg(formData, (res) => {
          console.log(res)
          if (res.status == 200) {
            file[i].url = res.data.info.url
            file[i].status = 'done'
            file[i].message = '上传成功'
            console.log(this.fileList)
          } else {
            file[i].status = 'failed'
            file[i].message = '上传失败'
            Dialog.alert({
              title: '温馨提示',
              message: '图片上传失败,请重新上传',
            }).then(() => {})
          }
        })
      }
    },
    //上传图片接口
    async postImg(formData, cb) {
      const res = await uploadImg(formData)
      cb(res)
    },
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/458165.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号