当前位置: 首页 > 工具软件 > cube-ui > 使用案例 >

cube-ui限制图片上传类型以及上传大小

堵凯
2023-12-01
/移动端
<cube-upload
    ....
    @files-add="addedHandler"
    ....>
    
    methods:{
        addHandler(files){
            //限制图片大小最大为7M
            const maxSize = 7*1024*1024
            for(let k in files){
                if(files.hasOwnProperty(k)){
                    const file = files[k]
                    if(file.size > maxSize){
                        file.ignore = true
                        this.createToast({
                            type:'error',
                            time: 2000,
                            txt: '上传图片超过7M上限'
                        }).show()
                        return
                    }
                    //获取图片类型名
                    let img = file.name.substring(file.name.lastIndexOf('.')+1)
                    if(!['jpg','jpeg','png'].includes(img)){
                        file.ignore = true
                        this.$createToast({
                          type:'error',
                          time: 2000,
                          txt: '上传图片仅支持PNG、JPG、JPEG格式'
                        }).show()
                        return
                    } 
                }
            }
        }
    }

 类似资料: