uni-ui 中 uni-file-picker組件限制用戶上傳大小超過大小自動去除
找到該組件位置打開uni-file-picker
在props中添加自己想起的名字綁定限制大小
props: {
maxMb:{
type:Number,
default:1
}
}
找到chooseFileCallback方法插入代碼:文章來源:http://www.zghlxwxcb.cn/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)
}
}
其他頁面調用即可文章來源地址http://www.zghlxwxcb.cn/news/detail-791591.html
<uni-file-picker :maxMb="5" limit="6">
</uni-file-picker>
到了這里,關于uni-ui 中 uni-file-picker組件限制用戶上傳大小超過大小自動去除的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!