uni-ui 中 uni-file-picker组件限制用户上传大小超过大小自动去除

uni-ui 中 uni-file-picker组件限制用户上传大小超过大小自动去除

找到该组件位置打开uni-file-picker

在props中添加自己想起的名字绑定限制大小

props: {
   		maxMb:{
   			type:Number,
   			default:1
   		}
   		}

找到chooseFileCallback方法插入代码:

// 限制大小
			for (var i = 0; i < files.length; i++) {
				let s = files[i].size / (1024 * 1024)
				if (s > this.maxMb) {
					uni.showToast({
						title: '大于'+this.maxMb+'MB,以去除相关图片',
						icon: "none"
					});
					res.tempFiles.splice(i)
				}
			}

其他页面调用即可

 <uni-file-picker :maxMb="5"  limit="6">
					</uni-file-picker>