viewFile.jsp 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  7. <title>ͼƬԤÀÀ</title>
  8. <script type="text/javascript" src="/shares/js/plug-in/iviewer/jquery.js" ></script>
  9. <script type="text/javascript" src="/shares/js/constant.js"></script>
  10. <script type="text/javascript" src="/shares/js/common.js"></script>
  11. <script type="text/javascript" src="/shares/js/plug-in/iviewer/jqueryui.js" ></script>
  12. <script type="text/javascript" src="/shares/js/plug-in/iviewer/jquery.mousewheel.min.js" ></script>
  13. <script type="text/javascript" src="/shares/js/plug-in/iviewer/jquery.iviewer.js" ></script>
  14. <link rel="stylesheet" href="/shares/js/plug-in/iviewer/jquery.iviewer.css" />
  15. <script>
  16. $(document).ready(function(){
  17. var path = $("#imagePath").val();
  18. $("#viewer").iviewer({
  19. src: path
  20. });
  21. });
  22. </script>
  23. <style type="text/css">
  24. .wrapper{
  25. border: 1px solid black;
  26. position: absolute;
  27. top: 1em;
  28. left: 1em;
  29. bottom: 1em;
  30. right: 1em;
  31. overflow: auto;
  32. cursor:move;
  33. }
  34. .viewer{
  35. height: 100%;
  36. position: relative;
  37. background-color: #ccc;
  38. }
  39. </style>
  40. <body>
  41. <%@ include file="/include/message.jsp"%>
  42. <div class="l-content">
  43. <center>
  44. <div class="wrapper">
  45. <input type="hidden" id="imagePath" value="${file.path}" />
  46. <div id="viewer" class="viewer">
  47. <c:if test="${empty file.path}">
  48. ͼƬ²»´æÔÚ
  49. </c:if>
  50. </div>
  51. </div>
  52. <%-- <img alt="${file.srcFile}" src="${file.path}" width="${w}px" height="${h}px"> --%>
  53. </center>
  54. </div>
  55. </body>
  56. </html>