移动端图片上传

移动端图片上传

 <div class="apply-pic flex flex-acenter">
          <p>参赛图片</p>
          <div class="img-list flex flex-acenter">
            <div
              class="img-detail"
              v-for="(item, index) in imgList"
              :key="index"
            >
              <img :src="item" alt="" class="choose" @click="toChooseImg"/>
              <img
                src="~@/assets/img/tksh_js@2x.png"
                alt=""
                class="del"
                v-if="index != 0"
                @click="delPic(index)"
              />
            </div>
          </div>
        </div>

 imgList: [require("@/assets/img/tp_tj@2x.png")],

  toChooseImg() {
        if (this.num > 0) {
          wx.chooseImage({
            count: this.num, // 默认9
            sizeType: ["compressed"], // 可以指定是原图还是压缩图，默认二者都有
            sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
            success: (res) => {
              let localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
              this.preView(localIds);
            }
          });
        } else {
          this.$toast(`图片最多上传${this.count}张`);
        }
      },