Question

我正在使用Krajee bootstrap文件输入插件，我想在成功发布后显示图像。但它不起作用。这是我的代码：

var resultTaiLieu = HopKhongGiay_SapXepLichHop_Service.getAllTaiLieuCuocHopByMaCuocHop(calEvent.id);
            resultTaiLieu.then(function (p1) {
                var result_Json = JSON.parse(p1.data);
                console.log(JSON.stringify(result_Json));
                $("#FileUpload").fileinput({
                    initialPreview: result_Json
                });
            })

的console.log

["<img src='http://localhost:51157/Documents/5f189c85-238d-4e8d-a406-3f4ee83ac965_Untitled2.png'","<img src='http://localhost:51157/Documents/53c8a2e5-d031-4617-a020-c99da79aa72a_Untitled3.png'"]

更新只需将属性“refresh”添加到文件输入

即可

$("#FileUpload").fileinput('refresh', {
                        initialPreview: result_Json
                    });

Answer 1

您的结果格式不正确。结果只需要包含保存图像的地方链接，而不是img标记。

["http://localhost:51157/Documents/5f189c85-238d-4e8d-a406-3f4ee83ac965_Untitled2.png","http://localhost:51157/Documents/53c8a2e5-d031-4617-a020-c99da79aa72a_Untitled3.png"]

如何在成功发布后加载图像预览（Krajee bootstrap文件输入插件）

1 个答案: