关键词搜索

源码搜索 ×
×

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

发布2020-09-02浏览3012次

详情内容

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

 

  1. layui.use(['upload', 'form'], function () {
  2. var upload = layui.upload;
  3. var form = layui.form;
  4. upload.render({
  5. elem: '#uploadCover'
  6. , url: '/file/upload.shtml'
  7. , method: "post"
  8. , auto: false //auto 参数必须设置为false
  9. ,size:"https://files.jxasp.com/image/2048"
  10. ,accept:"file"
  11. ,exts: 'jpg|png|jpeg'
  12. ,choose: function(obj){ //上传前选择回调方法
  13. var flag = true;
  14. obj.preview(function(index, file, result){
  15. console.log(file); //file表示文件信息,result表示文件src地址
  16. var img = new Image();
  17. img.src = result;
  18. img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。
  19. if(img.width ==343 && img.height ==240){
  20. obj.upload(index, file); //满足条件调用上传方法
  21. }else{
  22. flag = false;
  23. D.msg("您上传的小图大小必须是343*240尺寸!");
  24. return false;
  25. }
  26. }
  27. return flag;
  28. });
  29. }
  30. , done: function (res) {//上传成功回调方法
  31. $("#xcCoverUrl").val(res.data);
  32. $("#xcCoverUrlShow").attr("src", res.fastdfsHost + res.data);
  33. layer.closeAll('loading');
  34. }
  35. });
  36. });

 

相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载