移动端图片上传
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3bff28534c0c46d8cd1942508d6e53db.png)
<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>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/44865d69b37bedfd501b65720f12b187.png)
imgList: [require("@/assets/img/tp_tj@2x.png")],
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a0134b3f373ef83ccde07abfe4cae6f7.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}张`);
}
},