first commit

WebRoot/jsp/base/fileOnlinePic.jsp

@@ -0,0 +1,94 @@
+<%@ 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">&times;</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>