<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link type="text/css" rel="stylesheet" href="../css/file.css">
<script type="text/javascript" src="../js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="../js/uploadFile.js"></script>
</head>
<body>
<form action="#" name="form1" id="form1">
<div id="demo">
<input id="f1" name="f1" type="file"/>
<img id="img1">
</div>
<div id="large"></div>
</form>
</body>
</html>
file.css
#large {
position: absolute;
display: none;
z-index: 999;
}
uploadFile.js
$(function() {
var ei = $("#large");
ei.hide();
$("#f1").change(function() {
$("#img1").attr("src", "file:///" + $("#f1").val());
});
});