问题描述:使用ajax动态上传照片,上传后使用viewer.min.js进行预览,发现预览功能不可用
原因:viewer.min.js预览照片代码如下
viewer = new Viewer(document.getElementById('scenePhoto'));
恩,图片准备好了,其实一行代码就可以实现图片的预览功能,调试了一下,发现不能预览的原因貌似是
Viewer只能初始化一次,如果再次初始化,之前的数据就不见了,不知道什么鬼
就是类似于如下:
$.ajaxFileUpload({
url:xxxx,
dataType : 'json',
success : function(data, status) {
ulelement.append(liimgHtml);//伪代码
viewer = null;
viewer = new Viewer(document.getElementById('scenePhoto'));
}
});
写些伪代码,因为上述方法不止调用一次,如果在第一次调用的时候viewer对象没有初始化,那么在第一次上传的照片可以正常预览,而如果再继续上传照片,
第二次触发上传方法,即便将viewer的值置为null,viewer也不会重新获得所有的图片,,导致预览功能无法实现
类似于如下