程序员的资源宝库

网站首页 > gitee 正文

vant Uploader 文件上传,自定义参数

sanyeah 2024-03-29 15:20:55 gitee 10 ℃ 0 评论

uploader在多组件中传参index,方便val赋值(由服务器返回的url地址)

template:
          <van-uploader
            :after-read="afterRead(itm)"
            v-model="itm.imgs"
            :max-count="maxImgCount"
            :disabled="disabled"
          ></van-uploader>

js:itm是传入进来的,方便val赋值。file是after-read 文件读取完成后的回调函数所带的默认参数

   afterRead(itm) {
      return file => {
        this.$toast.loading({ duration: 0 });
        this.axios({
          method: "post",
          url: "/api/Upload/List",
          data: JSON.stringify({
            Id: file.content
          })
        })
          .then(({ code, data, msg }) => {
            this.$toast.clear();
            if (code >= 0) {
              var imgs = itm.imgs || [];
              var i = imgs.length;
              if (i <= 0) {
                imgs = [{ url: data }];
              } else {
                imgs[i - 1] = { url: data };
              }
              itm.imgs = imgs;

              var url = [];
              for (const row of imgs) {
                url.push(row.url);
              }
              itm.Val = url.join(",");
            } else {
              this.$toast(msg);
            }
          })
          .catch(err => {
            this.$toast.clear();
            this.$toast(`${err}`);
          });
      };
    }

 

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表