美文网首页
笔记-bootstrap-fileinput

笔记-bootstrap-fileinput

作者: Lyon0616 | 来源:发表于2017-04-20 16:02 被阅读0次
//文件引入
<link href="fileinput.css" />
<script src="fileinput.min.js" charset="utf-8"></script>
<script src="fileinput_locale_zh.js" charset="utf-8"></script>
fileInput();//ajax接收方法
    
function fileInput(formsData){
                var inputId = {};
                var inputType = {};
                for(var i = 0;i<formsData.elements.length;i++){
//                   fileinput美化文件上传
                    inputType = formsData.elements[i].type;
                    inputId = formsData.elements[i].id;
                    console.log(inputType,inputId)
                    if(inputType=="file"){
                        var iFileExt=['jpg', 'png','gif','bmp'];
                        $("#"+inputId).fileinput({
                            'language':'zh',
                            'showUpload':false,
                            'maxFileSize': 2000,
                            'maxFileCount': 1,
                            'allowedFileExtensions' : iFileExt,
                            'previewFileType':'any'
                        });
                    }else if(inputType=="select"){//美化下拉框
                        initselect2.init_select2("#"+inputId);
                    }else if(inputType=="date"){// 初始化时间
                        $("#"+inputId).datetimepicker({
                            format: 'L',
                            locale: 'zh-cn',
                            ignoreReadonly: true
                        });
                    }
                }
            }

相关文章

网友评论

      本文标题:笔记-bootstrap-fileinput

      本文链接:https://www.haomeiwen.com/subject/wkylzttx.html