95 lines
3.0 KiB
Plaintext
95 lines
3.0 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
||
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var id = '${id}';//第一次点击查看的图片id
|
||
|
|
var masterId = '${masterId}';
|
||
|
|
var tbName = '${tbName}'; //数据表
|
||
|
|
var nameSpace = '${nameSpace}';//保存文件夹
|
||
|
|
|
||
|
|
var list;
|
||
|
|
var firstNum = 0;
|
||
|
|
var nowNum = 0;
|
||
|
|
var totalNum = 0;
|
||
|
|
|
||
|
|
$(function () {
|
||
|
|
$.post(ext.contextPath + '/base/getPicSwitchJson.do', {
|
||
|
|
id: id,
|
||
|
|
masterId: masterId,
|
||
|
|
tbName: tbName,
|
||
|
|
sdt: '${sdt}',
|
||
|
|
edt: '${edt}',
|
||
|
|
}, function (data) {
|
||
|
|
firstNum = data.firstNum;
|
||
|
|
nowNum = firstNum;
|
||
|
|
list = data.list;
|
||
|
|
// console.log(list)
|
||
|
|
totalNum = list.length - 1;
|
||
|
|
switchPic(list[nowNum]);
|
||
|
|
|
||
|
|
}, 'json');
|
||
|
|
})
|
||
|
|
|
||
|
|
function switchPic(obj) {
|
||
|
|
let id = obj.id;
|
||
|
|
$.post(ext.contextPath + '/base/getNowPicFromSwitch.do', {
|
||
|
|
id: id,
|
||
|
|
bucketName: nameSpace,
|
||
|
|
tbName: tbName,
|
||
|
|
}, function (data) {
|
||
|
|
// console.log(data);
|
||
|
|
$("#filePic").attr("src", "data:image/jpg;base64," + data[0].streamFile);
|
||
|
|
}, 'json');
|
||
|
|
}
|
||
|
|
|
||
|
|
function doFilePicSwitch(st) {
|
||
|
|
if (st == '0') {
|
||
|
|
nowNum = nowNum - 1;
|
||
|
|
if (nowNum < 0) {
|
||
|
|
nowNum = 0;
|
||
|
|
alert("无上一张图片");
|
||
|
|
} else {
|
||
|
|
switchPic(list[nowNum]);
|
||
|
|
}
|
||
|
|
} else if (st == '1') {
|
||
|
|
nowNum = nowNum + 1;
|
||
|
|
if (nowNum > totalNum) {
|
||
|
|
nowNum = totalNum;
|
||
|
|
alert("无下一张图片");
|
||
|
|
} else {
|
||
|
|
switchPic(list[nowNum]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div class="modal fade" id="fileOnlinePicModal">
|
||
|
|
<div class="modal-dialog modal-md">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
|
|
<span aria-hidden="true">×</span></button>
|
||
|
|
<h4 class="modal-title">图片预览</h4>
|
||
|
|
</div>
|
||
|
|
<!-- 界面提醒div强制id为alertDiv -->
|
||
|
|
<div id="alertDiv"></div>
|
||
|
|
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn pull-left" onclick="doFilePicSwitch('0');">上一张</button>
|
||
|
|
<button type="button" class="btn pull-right" onclick="doFilePicSwitch('1');">下一张</button>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
|
||
|
|
<img id="filePic" style="width: 100%;height: 100%;" src=""/>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- /.modal-content -->
|
||
|
|
</div>
|
||
|
|
<!-- /.modal-dialog -->
|
||
|
|
</div>
|