前端之插件-fileinput

function initFileInput(ctrlName) {      
 var control = $('#' + ctrlName);   
 control.fileinput({  
    language: 'zh', //设置语言  
    showUpload: false, //是否显示上传按钮  
    showRemove:true,  
    dropZoneEnabled: false,  
    showCaption: true,//是否显示标题  
    allowedPreviewTypes: ['image'],  
    allowedFileTypes: ['image'],  
    allowedFileExtensions:  ['jpg', 'png'],  
    maxFileSize : 2000,  
    maxFileCount: 1,  
    uploadAsync: false, //同步上传  
    //initialPreview: [   
            //预览图片的设置  
      //      "<img src='http://127.0.0.1:8080/NewsManageSys/plugin/umeditor1_2_2/jsp/upload/20161030/55061                  477813913474.jpg' class='file-preview-image' alt='肖像图片' title='肖像图片'>",  
    //],  

 })  
$(function(){
    initFileInput();
})

---

$("#file-1").fileinput({
                language:'zh',
                uploadUrl: 'resourceAddHelp/uploadFile', // you must set a valid URL here else you will get an error
                allowedFileExtensions: ['jpg', 'png', 'gif', 'psd', 'pdf', 'ppt', 'pptx', 'xls', 'xlsx', 'doc', 'docx', 'txt','zip', 'rar'],
                showUpload: false, //是否显示上传按钮
                showRemove: false,//是否显示删除按钮
              //showCaption: true,//是否显示输入框
              //showPreview:true,
              //showCancel:true,
              //minImageWidth: 50, //图片的最小宽度
              //minImageHeight: 50,//图片的最小高度
              //maxImageWidth: 1000,//图片的最大宽度
              //maxImageHeight: 1000,//图片的最大高度
                overwriteInitial: false,
                uploadExtraData:function () {
                        var obj = {};
                        var id = $("#file_help_id").val();
                        var flag = $("#file_help_flag").val();
                        obj.id = id;
                        obj.flag = flag;
                        return obj;
                },
                uploadAsync: false,
                maxFileSize: 15360, //15M
                overwriteInitial: false,
                uploadAsync: false,
                maxFileSize: 15360, //15M  15360
                dropZoneTitle: "拖放文件",
                msgFilesTooMany: "文件数量太多",
                msgInvalidFileExtension: "不支持该文件类型",
                msgSizeTooLarge: "文件过大",
                enctype: 'multipart/form-data',
                validateInitialCount: true,
                allowedPreviewTypes: ['image'],
                browseClass: "btn btn-primary", //按钮样式
                previewFileIcon: '<i class="fileinputImg"></i>',
                previewFileIconSettings: {
                    'docx': '<i class="fileinputImg docx"></i>',
                    'xlsx': '<i class="fileinputImg xlsx"></i>',
                    'pptx': '<i class="fileinputImg pptx"></i>',
                    'jpg': '<i class="fileinputImg jpg"></i>',
                    'pdf': '<i class="fileinputImg pdf"></i>',
                    'zip': '<i class="fileinputImg zip"></i>',
                    'rar': '<i class="fileinputImg zip"></i>',
                    'txt':'<i class="fileinputImg other"></i>'
                },
                //          maxFilesNum: 10
                //slugCallback: function(result) {
                //return filename.replace('(', '_').replace(']', '_');

});