zoukankan      html  css  js  c++  java
  • 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');
                    }
                });
            });
  • 相关阅读:
    2017微软秋招A题
    UVA 494 Kindergarten Counting Game
    loss function与cost function
    coderforces 721b
    coderforces719b
    PyQt4打包exe文件
    PyQt4 UI设计和调用 使用eric6
    PyQt4 进度条和日历 代码
    PyQt4 颜色选择,字体选择代码
    PyQt4调用UI文件
  • 原文地址:https://www.cnblogs.com/tiantianleyuan123/p/8903976.html
Copyright © 2011-2022 走看看