展开全部
图片上传后在网页上直接读取上传后的地址进行预览，就是说这个时候图片已经上传到服务器了，如果要写的严谨一些，可以在预览后进行保存操作，如果不保存，则再写一条语句把上传上去的文件删除
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个很简单，利用onchange事件。具体代码如下。
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript">
function showPicture(){
var path=document.form1.picturePath.value;
document.getElementById("img").src=path;
}
</script>
</head>
<body>
<form name="form1" action="PicturServlet" method="post">
<table>
<tr>
<td><img src="" name="img" id="img" height="200px"/></td>
</tr>
<tr>
<td><input type="file" name="picturePath" onchange="showPicture()"/></td>
<td><input type="submit" value="上传图片"></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<script type="text/javascript">
function showPicture(){
var path=document.form1.picturePath.value;
document.getElementById("img").src=path;
}
</script>
</head>
<body>
<form name="form1" action="PicturServlet" method="post">
<table>
<tr>
<td><img src="" name="img" id="img" height="200px"/></td>
</tr>
<tr>
<td><input type="file" name="picturePath" onchange="showPicture()"/></td>
<td><input type="submit" value="上传图片"></td>
</tr>
</table>
</form>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
