uView Upload 上传

该组件用于上传图片场景

#平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

#基础用法

• 可以通过设置fileList参数(数组，元素为对象)，显示预置的图片。其中元素的url属性为图片路径

copy

#上传视频

• 通过设置accept='video'属性，将上传改为视频上传。

data(){
	return{
		fileList2: [],
	}
}

copy

#文件预览

• 通过设置:previewFullImage="true"'属性，达到文件预览的目的。

data(){
	return{
		fileList3: [{
			url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
		}],
	}
}

copy

#隐藏上传按钮

• 上传数量等于maxCount所规定的数据时，隐藏上传按钮。

data(){
	return{
		fileList4: [{
				url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
			},
			{
				url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
			}
		],
	}
}

copy

#限制上传数量

• 同上，规定maxCount的数据时。

data(){
	return{
		fileList5: [],
	}
}

copy

#自定义上传样式

• 添加image以自定义上传样式，达到身份证，银行卡等不同场景需求。

	


data(){
	return{
		fileList6: [],
	}
}