bootstrap-fileinput 插件

参考http://bootstrap-fileinput.com/options.html

var fileObjStore = $("input[name='storeFile']");
            fileObjStore.fileinput({
                language: 'zh', //设置语言
                uploadUrl: 'javascrpt:',
                showPreview : true,// 是否预展示图片  
                showUpload: false,//是否显示上传按钮  
                showRemove : true,// 是否显示移除按钮  
                autoReplace: true,
                maxFileCount: 5,//上传图片最大数量  
                browseClass: 'btn btn-success btn125',
                removeClass: 'btn btn-default btn-sm',
                allowedFileExtensions: ['jpg', 'png', 'gif'],
                validateInitialCount:true,
                layoutTemplates :{
                    actionDelete:'', //去除上传预览的缩略图中的删除图标
                    actionUpload:'',//去除上传预览缩略图中的上传图片;
                    actionZoom:''   //去除上传预览缩略图中的查看详情预览的缩略图标。
                },
            });
            fileObjStore.on("filebatchselected", function (event, files) {
                if (event.target.type === "file") {
                    var file = files[0];
                    var reader = new FileReader();
                    reader.readAsDataURL(file);
                    reader.onload = (function (theFile) {
                        var num = vm.num;
                         $("#certificatePicUrl" + num).attr("src", theFile.target.result);
                   });
                }
            });

你可能感兴趣的:(bootstrap-fileinput 插件)