<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>轮播图</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
$(function(){
$("#file").change(function(e){
var file = e.target.files[0]||e.dataTransfer.files[0];
if(file){
var reader = new FileReader();
reader.onload=function(){
$("img").attr("src", this.result);
}
reader.readAsDataURL(file);
}
});
})
</script>
</head>
<body>
<form action="FileUploadServlet" method="post"
enctype="multipart/form-data">
<input type="file" size="30" name="test" id="file"/>
<br />
<img id="view" alt="" src="" width="250" height="150">
<br />
<input name="up" type="submit" value="上传" />
</form>
</body>
</html>