47 lines
1.6 KiB
JavaScript
47 lines
1.6 KiB
JavaScript
var filePaths = localStorage.getItem("filePaths");
|
|
var fileNames = localStorage.getItem("fileNames");
|
|
var fileTimes = localStorage.getItem("fileTimes");
|
|
$(function() {
|
|
if(filePaths!="null"){
|
|
var filePath = filePaths.split(","); //字符分割
|
|
var fileName = fileNames.split(","); //字符分割
|
|
var fileTime = fileTimes.split(","); //字符分割
|
|
|
|
getDisPhotoList(filePath,fileName,fileTime);
|
|
}else{
|
|
getDisPhotoList(null,null,null);
|
|
}
|
|
});
|
|
|
|
// 加载图片
|
|
function getDisPhotoList(filePath,fileName,fileTime) {
|
|
$("#dowebok").empty();
|
|
if(filePath!=null&&filePath.length>0){
|
|
var html="";
|
|
for(var i=0;i<filePath.length;i++){
|
|
var path = '';
|
|
if(filePath[i].indexOf("http")!=-1){
|
|
path = filePath[i];
|
|
}else{
|
|
path =dataPath+"/"+filePath[i];
|
|
}
|
|
console.log(path);
|
|
html+="<li class='disPhotoLi'>";
|
|
html += '<img data-original="'+path+'" src="' + path + '" class="img" />';
|
|
html += '<p>照片名称:'+fileName[i]+'</p>';
|
|
html += '<p>时间:'+fileTime[i]+'</p>';
|
|
html+=" </li>";
|
|
}
|
|
$("#dowebok").append(html);
|
|
var viewer = new Viewer(document.getElementById('dowebok'), {
|
|
url: 'data-original',
|
|
show: function (){
|
|
viewer.update();
|
|
}
|
|
});
|
|
}else{
|
|
var html="<li style='color:black;float: left;border: none; font-size: 20px;height: 20%;position: absolute;\n" + "left: 315px;\n" + "top: 170px;'>没有相关数据</li>";
|
|
$("#dowebok").append(html);
|
|
}
|
|
}
|