首页 > 其他 > 详细

Bootstrap-Fileinput 预览图不生效不显示图片

时间:2020-08-21 11:25:53      阅读:293      评论:0      收藏:0      [点我收藏+]

springboot项目Thymeleaf从后台获取取到图片链接后,进行初始化Bootstrap-Fileinput ,拼接字符串放到initialPreview显示失败

我翻了挺久找不到教程,预览图显示链接地址,不显示图片!!!

直接上代码:

var url1=[];
        url1.push("图片地址");

//初始化
$input1.fileinput({//开票资料
            uploadUrl: ctx + "freight/proxyInfo/uploadInvoiceInformation", // 服务器接收上传文件的方法
            uploadAsync: false,
            dropZoneTitle:‘拖拽文件到这里,上传文件‘,
            showUpload: false, // 隐藏上传按钮
            showRemove: false, // 隐藏移除按钮
            showPreview:true,
            maxFileCount:1,
            showCaption:true,
            autoReplace:true,
            //主要是下面三个设置
            initialPreviewAsData: true,
            initialPreviewFileType: ‘image‘,
            initialPreview: [url1]
        }).on("filebatchselected", function(event, files) {
            // 选择文件后立即触发上传方法
            $input1.fileinput("upload");
        }).on("filebatchuploadsuccess", function(event, data) {
            //当上传成功回调函数
            $("#invoiceInformation").val(data.response.msg);
        });    

 

Bootstrap-Fileinput 预览图不生效不显示图片

原文:https://www.cnblogs.com/qydmw/p/13539540.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!