vue 图片上传功能

最新推荐文章于 2024-08-14 15:51:24 发布

小雷雷哥哥

最新推荐文章于 2024-08-14 15:51:24 发布

阅读量4.2w

点赞数 8

分类专栏： vue学习 vue学习，图片上传文章标签：图片上传 vue图片上传功能

本文链接：https://blog.csdn.net/leileibrother/article/details/79020758

版权

这次做了vue页面的图片上传功能，不带裁剪功能的！

首先是html代码，在input框上添加change事件，如下：

<ul class="clearfix">
                <li v-if="imgs.length>0" v-for='(item ,index ) in imgs'>
                    <img :src="item">
                </li>
                <li style="position:relative" v-if="imgs.length>=6 ? false : true">
                    <img src="../../assets/img/addimg.png"><input class="upload" @change='add_img'  type="file">
                </li>
</ul>

我这里做了图片数量的限制，最多6张。