当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Element-uplaod组件限制文件上传类型以及文件大小

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

2020年07月17日  | 移动技术网IT编程  | 我要评论 
<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;
},

本文地址：https://blog.csdn.net/qinghuan100/article/details/107375834

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网