组件名: y-upload
效果图:
组件需要适应的场景:
1、可在表单中配置
2、支持预览,编辑模式
3、支持上传图片、视频,默认图片
4、可配置上传个数,如果未配置,默认1,最大99
5、有上传中,上传完成,重新上传的状态,可删除,放大预览
6、可回填
支持在表单中配置
组件参数必须与表单中其他组件参数统一
支持图片、视频:
选择图片 --> chooseImage()
选择视频 --> chooseVideo()
选择图片或视频 -> chooseMedia
共同的参数:
count: 最多可以选择的文件个数 ---->chooseVideo是没有此参数,其他两个api的手机上默认最大值是9
sourceType: 【‘album’, ‘camera’】图片或视频选择的来源
上传的状态:
放大预览:
a. 预览图片
previewImage()
b. 预览视频
目前的做的是用弹窗展示视频,后期再优化
可回填:
注意点:props.modelValue需要watch, 因为表单中会有异步的问题