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文件上传回调前对文件类型及大小判断的主要内容,如果未能解决你的问题,请参考以下文章