Vant Upload 组件禁止上传相册文件
Vant-Upload 组件可以通过设置文件类型限制或在上传前判断文件类型来实现禁止使用从手机相册选择内容的功能。
1. 设置文件类型限制
在 Vant-Upload 组件中设置 accept 属性为指定文件类型,例如只接受上传图片类型的文件:
<van-uploader :accept='image/*'></van-uploader>
2. 在上传前判断文件类型
在上传前通过判断上传文件的类型来决定是否允许上传:
beforeUpload(file) {
const isImage = file.type.indexOf('image/') === 0;
if (!isImage) {
this.$message.warning('只能上传图片类型的文件');
}
return isImage;
}
这样,当用户选择非图片类型的文件时,会弹出提示并禁止上传。
原文地址: https://www.cveoy.top/t/topic/nZJ7 著作权归作者所有。请勿转载和采集!