js弹出图片原图效果

时间：2022-07-23 18:20:26

1.将js方法独立出来common.js

function openwin(src){

       var basePath = document.getElementById("basePath").value;

       src = basePath + src;

       //alert(src);

       OpenWindow=window.open("","newwin",",toolbar=no,menubar=no,scrollbars=yes,resizable=yes,location=no,status=no");

       //写成一行

       OpenWindow.document.write("<TITLE>查看图片</TITLE>");

       OpenWindow.document.write("<BODY BGCOLOR=#ffffff>");

       //OpenWindow.document.write("<h1>Hello!</h1>");

       OpenWindow.document.write("<img src='"+src+"' />");

       OpenWindow.document.write("</BODY>");

       OpenWindow.document.write("</HTML>");

       OpenWindow.document.close();

   }

2.在需要调用的jsp嵌入

<%

String basePath = request.getScheme() + "://" + request.getServerName() +":"+ request.getServerPort() + request.getContextPath() + "/";

%>

<input type="hidden" value="<%=basePath%>" id="basePath" />

<script language="javascript" type="text/javascript" src="<%=basePath %>js/biz/common.js"></script>
<a href="javascript:void(0);" onclick="openwin('${mem.idCard}/');" title="点击查看原图"><img src="${mem.idCard}/" width="500" height="360"/></a>

相关文章