记录用upload过程中的想法,做这个效果的想法是不想还没提交表单就已经上传了很多图片到服务器
效果
这个是新增数据,表单的图片效果,右上角没有绿色勾,表示还没上传
前面两张图片是第一次添加的图片,是已经上传的
开始
:auto-upload=“false”,阻止它自动上传
:file-list=“bookForm.file”,编辑回显用的 ,
data数据
data不需要fileList,
方法
编辑时,如果添加新图或者删除图片,this.bookForm.file = fileList;做验证,编辑初始化时,也可以显示图片
因为upload,多张图片上传,每次上传一张,on-success就调用一次,所以的做判断,上传成功的图片数量==fileList.length才能提交表单数据
点击提交时,做验证
编辑时获取图片数据