下方点击小图标,上方显示大图标。
布局文件如下
注意:如果把jsp页面放在jsp文件夹中,那么上面的路径就不对了,需要".../images/",直接“”images“”会认为images在jsp文件加下。另外看下方的超链接,不重新定义超链接的click时间的话,默认在本页面打开,需要
获取,超链接的click事件,设置click打开的路径。
使用js进行图片预览
注意:input后面要有一个反斜杠,type是file类型,上上传的时候出发onchangge事件,然后把图片显示在下方的div即可。
function showPreviewImg(obj) { var str = obj.value; document.getElementById("previewImg").innerHTML=""; }
注意:img的src里也是需要印好的。
这样的话 预览的样式和真实的大小一样。
jquery实现预览,鼠标移动上去显示大图,移开不显示
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%>Insert title here
图片预览
注意:选择器不要写错,id还是类,不多多少引号。