layui文件上传回调前对文件类型及大小判断

Posted fate、hu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui文件上传回调前对文件类型及大小判断相关的知识,希望对你有一定的参考价值。

1.关于layui.upload的before上传前对文件类型及文件大小判断,阻止默认上传实现方法【下图代码是对图片上传是宽高限制处理】:

layui.use([‘upload‘, ‘form‘], function () {
            var upload = layui.upload;
            var form = layui.form;
            upload.render({
                elem: ‘#uploadCover‘
                , url: ‘/file/upload.shtml
                , method: "post"
                , auto: false  //auto 参数必须设置为false
                ,size:"2048"
                ,accept:"file"
                ,exts: ‘jpg|png|jpeg‘
                ,choose: function(obj){  //上传前选择回调方法
                    var flag = true;
                    obj.preview(function(index, file, result){
                        console.log(file);            //file表示文件信息,result表示文件src地址
                        var img = new Image();
                        img.src = result; 
                        img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。
                            if(img.width ==343 && img.height ==240){
                                obj.upload(index, file); //满足条件调用上传方法
                            }else{
                                flag = false;
                                D.msg("您上传的小图大小必须是343*240尺寸!");
                                return false;
                            }
                        }
                        return flag;
                    });
                }
                , done: function (res) {//上传成功回调方法
                    $("#xcCoverUrl").val(res.data);
                    $("#xcCoverUrlShow").attr("src", res.fastdfsHost + res.data);
                    layer.closeAll(‘loading‘);
                }
            });
        });

 

以上是关于layui文件上传回调前对文件类型及大小判断的主要内容,如果未能解决你的问题,请参考以下文章

iview实现文件上传 限制上传格式大小

【layui】上传文件时进行校验是不是选择文件

判断pdfword文档图片等文件类型(格式)大小的简便方法

通过input上传图片,判断不同浏览器及图片类型和大小的js代码

layui.upload上传文件的同时怎么传递一个参数

[转]客户端js判断文件类型和文件大小即限制上传大小