图片上传

// 导入
import uploadImg from '@/components/uploadImg.vue'

html

<!-- 模板中使用 -->
<upload-img v-model:fileList="fileList" :fileSize="fileSize"></upload-img>

const fileList = ref([
  { 
    url: 
    'https://iamge-1259297738.cos.ap-chengdu.myqcloud.com/img/20220728110015.jpg'
  },
])

uploadImg属性

属性名	说明	类型
fileList	图片列表，双向绑定，可传递默认值	array
fileSize	图片大小限制，单位M，非必传，默认5	number

TIP

fileList已经实现双向绑定，组件内部已经封装好上传，删除，预览钩子，无需再次实现。

DANGER

上传图片必须是 JPG/JPEG/PNG 格式！

图片上传 ​