layui檔案上傳回調前對檔案型別及大小判斷
阿新 • • 發佈:2018-12-20
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'); } }); });