GOCMS 已经为您封装好了图片上传功能相关的 vue 组件及接口 ( 可以通过最大上传数量实现单图及多图上传功能 )，请阅读本节学习原理及用法。
在视图内使用 GoCMSImageUpload 组件来完成图片上传功能。
| 属性 | 类型 | 默认值 | 功能 |
|---|---|---|---|
| default-images | String | "" | 默认图片，多个使用 , 隔开 |
| idx | Number | -1 | 组件索引值 |
| upload-server-url | String | "" | 图片上传服务端接口地址 |
| remove-server-url | String | "" | 删除图片服务端接口地址 |
| input-name | String | "" | 存储上传结构的隐藏域名称 可以用于表单提交 |
| size | Number | 38 | 图片及上传按钮尺寸 |
| count | Number | 1 | 最大上传数量 |
| upload-file-name | String | file | 上传时文件域名称 |
| accept-type | String | image/* | 接受的文件类型 |
| icon-size | Number | 22 | 上传按钮图标尺寸 |
| icon-color | String | #3688FF | 上传按钮图标颜色 |
后台系统演示代码:
常用类型 :
https://www.wetools.com/mime-type
全部类型 :
http://www.iana.org/assignments/media-types/media-types.xhtml#application