uni-ui 中 uni-file-picker组件限制用户上传大小超过大小自动去除
找到该组件位置打开uni-file-picker
在props中添加自己想起的名字绑定限制大小
props: {
maxMb:{
type:Number,
default:1
}
}
找到chooseFileCallback方法插入代码:文章来源:https://www.toymoban.com/news/detail-791591.html
// 限制大小
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)
}
}
其他页面调用即可文章来源地址https://www.toymoban.com/news/detail-791591.html
<uni-file-picker :maxMb="5" limit="6">
</uni-file-picker>
到了这里,关于uni-ui 中 uni-file-picker组件限制用户上传大小超过大小自动去除的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!