前言
问题:viewer只能初始化一次,导致用ajax添加了新的图片无法预览
解决:viewer.update();【当源图像更改(添加、删除或排序)时更新查看器实例。】
1、HTML
<ul id="picView"></ul>
2、实现代码
let viewer;
$(function () {
//初始化
viewer = new Viewer(document.getElementById('picView'));
$.ajax({
type: "post",
url: prefix + "/picView",
dataType: 'json',
success: function (result) {
let htmlStr = '';
for (let i = 0; i < result.data.length; i++) {
let img = result.data[i].img;
let title = result.data[i].title;
htmlStr += '<li><img src="' + img + '" alt="' + title + '"></li>';
}
//追加图片信息
$('#picView').append(htmlStr);
//当源图像更改(添加、删除或排序)时更新查看器实例
viewer.update();
},
error: function (error) {
console.log(error);
}
});
});