2019-04-25 18:39:58 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
2019-11-21 16:59:12 +08:00
|
|
|
<title>PDF图片预览</title>
|
2019-04-25 18:39:58 +08:00
|
|
|
<script src="js/lazyload.js"></script>
|
|
|
|
|
<style>
|
2020-05-13 19:40:31 +08:00
|
|
|
* {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
html, body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
background-color: #404040;
|
|
|
|
|
}
|
|
|
|
|
.container {
|
2019-04-26 14:40:00 +08:00
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2019-04-25 18:39:58 +08:00
|
|
|
}
|
2020-05-13 19:40:31 +08:00
|
|
|
.img-area {
|
2019-04-25 18:39:58 +08:00
|
|
|
text-align: center
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
2020-05-13 19:40:31 +08:00
|
|
|
<body>
|
2019-04-25 18:39:58 +08:00
|
|
|
<div class="container">
|
|
|
|
|
<#list imgurls as img>
|
|
|
|
|
<div class="img-area">
|
2020-12-26 00:56:48 +08:00
|
|
|
<img class="my-photo" alt="loading" data-src="${img}" src="images/loading.gif">
|
2019-04-25 18:39:58 +08:00
|
|
|
</div>
|
|
|
|
|
</#list>
|
|
|
|
|
</div>
|
2020-12-25 18:19:30 +08:00
|
|
|
<#if "false" == switchDisabled>
|
|
|
|
|
<img src="images/pdf.svg" width="63" height="63" style="position: fixed; cursor: pointer; top: 40%; right: 48px; z-index: 999;" alt="使用PDF预览" title="使用PDF预览" onclick="changePreviewType('pdf')"/>
|
|
|
|
|
</#if>
|
2020-05-13 19:40:31 +08:00
|
|
|
<script src="js/watermark.js" type="text/javascript"></script>
|
2019-04-25 18:39:58 +08:00
|
|
|
<script>
|
2020-05-13 19:40:31 +08:00
|
|
|
window.onload = function () {
|
|
|
|
|
/*初始化水印*/
|
|
|
|
|
var watermarkTxt = '${watermarkTxt}';
|
|
|
|
|
if (watermarkTxt !== '') {
|
|
|
|
|
watermark.init({
|
|
|
|
|
watermark_txt: '${watermarkTxt}',
|
|
|
|
|
watermark_x: 0,
|
|
|
|
|
watermark_y: 0,
|
|
|
|
|
watermark_rows: 0,
|
|
|
|
|
watermark_cols: 0,
|
|
|
|
|
watermark_x_space: ${watermarkXSpace},
|
|
|
|
|
watermark_y_space: ${watermarkYSpace},
|
|
|
|
|
watermark_font: '${watermarkFont}',
|
|
|
|
|
watermark_fontsize: '${watermarkFontsize}',
|
|
|
|
|
watermark_color:'${watermarkColor}',
|
|
|
|
|
watermark_alpha: ${watermarkAlpha},
|
|
|
|
|
watermark_width: ${watermarkWidth},
|
|
|
|
|
watermark_height: ${watermarkHeight},
|
|
|
|
|
watermark_angle: ${watermarkAngle},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
checkImgs();
|
|
|
|
|
};
|
2019-04-25 18:39:58 +08:00
|
|
|
window.onscroll = throttle(checkImgs);
|
2019-04-26 14:10:37 +08:00
|
|
|
function changePreviewType(previewType) {
|
2019-04-25 18:39:58 +08:00
|
|
|
var url = window.location.href;
|
2020-12-25 16:59:11 +08:00
|
|
|
if (url.indexOf("officePreviewType=image") !== -1) {
|
2019-04-26 14:10:37 +08:00
|
|
|
url = url.replace("officePreviewType=image", "officePreviewType="+previewType);
|
2019-04-25 18:39:58 +08:00
|
|
|
} else {
|
2019-04-26 14:10:37 +08:00
|
|
|
url = url + "&officePreviewType="+previewType;
|
2019-04-25 18:39:58 +08:00
|
|
|
}
|
2020-12-25 16:59:11 +08:00
|
|
|
if ('allImages' === previewType) {
|
2019-04-26 14:24:49 +08:00
|
|
|
window.open(url)
|
|
|
|
|
} else {
|
|
|
|
|
window.location.href = url;
|
|
|
|
|
}
|
2019-04-25 18:39:58 +08:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
