首页 新闻 会员 周边 捐助

Bootstrap FileInput插件如何实现单击按钮预览图片变换

0
悬赏园豆:10 [待解决问题]

需求为下面2点
1、刚进入页面的时候,已经有1张预览的图片
2、我单击按钮,需要改变预览的图片为其他图片
如何实现
代码如下所示
            var control = $("#model_file");
            var uploadrul = "/bootstrap-fileinput-master/examples/UploadFile.ashx";
            var upObj = {
                language: 'zh', //设置语言
                uploadUrl: uploadrul, //上传的地址
                uploadExtraData: { "savepath": "/bootstrap-fileinput-master/examples/" },//上传至服务器的参数,非常重要
                allowedFileExtensions: ['xml', 'docx', 'jpg', 'png', 'gif', 'rar', 'doc'],//接收的文件后缀
                showUpload: true, //显示批量上传按钮
                showCaption: false,//是否显示标题
                browseClass: "btn btn-primary", //按钮样式
                dropZoneEnabled: true,//是否显示拖拽区域
                maxFileSize: 4096,//单位为kb,如果为0表示不限制文件大小
                minFileCount: 0,
                maxFileCount: 10,
                msgSizeTooLarge: " \"{name}\" 大小为({size} KB) 最大文件大小为 {maxSize} KB.请重新上传!",//文件的实际大小有些许偏差
                enctype: 'multipart/form-data',
                validateInitialCount: true,
                initialPreviewAsData: true,
                initialPreview: "<img src='http://localhost:41461/bootstrap-fileinput-master/examples/1.png' width='100px' height='100px'>",
                previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}!",
                allowedPreviewTypes: ['image']//能够预览的文件类型,如果不限制。文件预览时可能很慢
            };
            $('#modalShow').html("[请选择"+upObj.allowedFileExtensions+"]文件");
            control.fileinput(upObj);

          //这里怎么实现
         $("#btnSet").click(function () {
         });

David.Meng的主页 David.Meng | 初学一级 | 园豆:10
提问于:2018-03-24 16:11
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册