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');
                }
            });
        });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM