图片上传

Props

参数	说明	类型	可选值	默认值
value / v-model	绑定值	string
size-type	尺寸类型，original 原图，compressed 压缩图，默认二者都有	array	original / compressed	['original', 'compressed']
source-type	album 从相册选图，camera 使用相机。请只使用一个选项	array	album / camera	['album', 'camera']
size	尺寸	array		['200rpx', '200rpx']
image-mode	图片裁剪模式	string
multiple	是否支持多选文件	boolean
limit	上传数量限制	number		9
action	必选参数，上传的地址	string
headers	设置上传的请求头部	object
data	上传时附带的额外参数	object
name	上传的文件字段名	string		file
disabled	是否禁用	boolean		false
before-upload	上传前回调	function(file, index)

Events

事件名称	说明	回调参数
success	上传成功时触发	function(response)
error	上传失败时触发	function(error)
change	值发生改变时触发	function(url)

示例

单图上传

<cl-upload v-model="url" action="/pro/admin/comm/upload"></cl-upload>

多图上传

<cl-upload v-model="url" multiple :limit="6" action="/pro/admin/comm/upload"></cl-upload>

上传校验

<cl-upload
	v-model="url"
	action="/pro/admin/comm/upload"
	:before-upload="onBeforeUpload"
></cl-upload>

export default {
	methods: {
		onBeforeUpload(file, index) {
			if (file.size > 51200) {
				this.$refs["toast"].open("图片大小不能大于50K");
				return false;
			}
		},
	},
};