美文网首页
bootstrap-fileinput 插件

bootstrap-fileinput 插件

作者: JiangCheng97 | 来源:发表于2020-06-01 14:40 被阅读0次

    参考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 插件

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