vue实现点击图片上传

实现的效果
在这里插入图片描述
这里使用action,如果后面不是直接跟后台的接口的话就会报错,这里可以忽略掉,因为在钩子函数中有连接口
报错
在这里插入图片描述
这里图片允许上传的类型是任何图片 accept=“image/*”

在这里插入图片描述这个是可以上传多张图片的,所以要先在data中定义图片列表,随便起个名
在这里插入图片描述
在methods中写入方法,利用文件上传之前的钩子函数
在这里插入图片描述
图片的删除,根据每张图片的索引
在这里插入图片描述

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页