Element-uplaod组件限制文件上传类型以及文件大小

<el-upload
 	action="Your Url"
    list-type="picture-card"
    :before-upload="beforeAvatarUpload" //文件上传之前的钩子
    :on-success="handleSuccessMain" //文件上传成功时的钩子
    :on-preview="handlePictureCardPreview"
    :on-remove="handleRemoveMain">
    <i class="el-icon-plus"></i>
</el-upload>

限制文件上传类型为image且大小不超过1M

 beforeAvatarUpload(file) {
   	console.log("res=>",file)
    const isIMG = file.type == 'image/*';
    const isLtM = file.size / 1024 / 1024 < 1;

    if (!isIMG) {
        this.$message.error('只能上传image文件!');
    }
    if (!isLtM) {
        this.$message.error('上传图片大小不能超过 1MB!');
    }
    return isLtM && isIMG;
},
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页