function yulan()
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
<tr><td colspan="2">
<img name="viewpic" id="viewpic" src="<%=rs.getString("user_photo")%>" width="359" height="286">
</td></tr>
<tr><td colspan="2"><input type="file" name="user_photo" id="user_photo" onChange="yulan();"></td></tr>
就这几段代码 我直接放在html中
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片上传</title>
<script>
function yulan()
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
</script>
</head>
<body>
<center>
<form name="form1" id="form1">
<img name="viewpic" id="viewpic" width="359" height="286">
<input type="file" name="user_photo" id="user_photo" onChange="yulan();">
</form>
</center>
</body>
</html> 可以显示预览的效果可我在JSP中却不行,全部代码:
<%@ page language="java" contentType="text/html; charset=gb2312" pageEncoding="gb2312"%>
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.lang.*" %>
<html>
<head>
<title>修改教职工信息</title>
<jsp:useBean id="user" class="bean.query" scope="page"></jsp:useBean>
<%
String user_id=request.getParameter("id");
String sql="select * from user_info where user_id='"+user_id+"'";
ResultSet rs=user.getconnection(sql);
rs.next();
%>
<jsp:include page="date.js"></jsp:include>
<script type="text/javascript"> function load()
{
var j;
var xi=document.all.form1.user_xi.length;
for(j=0;j<xi;j++)
{
if(document.all.form1.user_xi.options[j].value=='<%=rs.getString("user_xi")%>')
{
document.all.form1.user_xi.options.selectedIndex=j;break;
}
}
var role=document.all.form1.user_role.length;
for(j=0;j<role;j++)
{
if(document.all.form1.user_role.options[j].value=='<%=rs.getString("user_role")%>')
{
document.all.form1.user_role.options.selectedIndex=j;break;
}
}
var zhicheng=document.all.form1.user_zhicheng.length;
for(j=0;j<zhicheng;j++)
{
if(document.all.form1.user_zhicheng.options[j].value=='<%=rs.getString("user_zhicheng")%>')
{
document.all.form1.user_zhicheng.options.selectedIndex=j;break;
}
}
var zhuangtai=document.all.form1.user_zhuangtai.length;
for(j=0;j<zhuangtai;j++)
{
if(document.all.form1.user_zhuangtai.options[j].value=='<%=rs.getString("user_zhuangtai")%>')
{
document.all.form1.user_zhuangtai.options[j].selected=true;
break;
}
}
var shuodao=document.all.form1.user_shuodao.length;
for(j=0;j<shuodao;j++)
{
if(document.all.form1.user_shuodao.options[j].value=='<%=rs.getString("user_shuodao")%>')
{
document.all.form1.user_shuodao.options[j].selected=true;
break;
}
}
function yulan()
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
}
</script>
</head>
<body onLoad="load()">
<form action="tj_xggeren.jsp" method="post" name="form1" id="form1">
<table width="677" border="0" align="center">
<tr>
<td height="34" colspan="2" align="center" background="img/23.bmp"><h2><span class="STYLE3">教师个人信息修改</span></h2></td>
</tr>
<tr>
<td>工号:</td><td><%=rs.getString("user_id")%><input type="hidden" name="user_id" value="<%=rs.getString("user_id")%>"></td>
</tr>
<tr>
<td>姓名:</td><td><input type="text" name="user_name_CN" value="<%=rs.getString("user_name_CN")%>" /></td>
</tr>
<tr>
<td>姓名拼音缩写:</td><td><input type="text" name="user_name_EN" value="<%=rs.getString("user_name_EN")%>" /></td>
</tr>
<tr>
<td>性别:</td><td><input type="text" name="user_sex" value="<%=rs.getString("user_sex")%>" /></td>
</tr>
<tr>
<td>电子邮箱:</td><td><input type="text" name="user_email" value="<%=rs.getString("user_email")%>" /></td>
</tr>
<tr>
<td>密码:</td><td><input type="text" name="user_password" value="<%=rs.getString("user_password")%>" /></td>
</tr> <tr>
<td>系:</td>
<td>
<select name="user_xi" id="user_xi">
<%
sql="select * from t_xi";
ResultSet r1=user.getconnection(sql);
while(r1.next())
{
%>
<option value="<%=r1.getString("xi_id")%>"><%=r1.getString("xi_name")%></option>
<%
}
%>
</select>
</td>
</tr>
<tr>
<td>学历:</td><td><input type="text" name="user_xueli" value="<%=rs.getString("user_xueli")%>" /></td>
</tr>
<tr>
<td>学位:</td><td><input type="text" name="user_xuewei" value="<%=rs.getString("user_xuewei")%>" /></td>
</tr>
<tr>
<td>毕业院校:</td><td><input type="text" name="user_biyeyuanxiao" value="<%=rs.getString("user_biyeyuanxiao")%>" /></td>
</tr>
<tr>
<td>毕业时间:</td><td><input type="text" name="user_biyeshijian" value="<%=rs.getString("user_biyeshijian")%>" onClick="setday(this)" /></td>
</tr>
<tr>
<td>职位:</td>
<td>
<select name="user_role" id="user_role">
<%
sql="select * from role";
ResultSet r2=user.getconnection(sql);
while(r2.next())
{
%>
<option value="<%=r2.getString("role_id")%>"><%=r2.getString("role_name_CN")%></option>
<%
}
r2.close();
%>
</select>
</td>
</tr>
<tr>
<td>职称:</td>
<td>
<select name="user_zhicheng" id="zhicheng">
<%
sql="select * from t_zhicheng";
ResultSet r3=user.getconnection(sql);
while(r3.next())
{
%>
<option value="<%=r3.getString("zhicheng_id")%>"><%=r3.getString("zhicheng_name")%></option>
<%
}
r3.close();
%>
</select>
</td>
</tr>
<tr >
<td>是否硕导:</td>
<td>
<select name="user_shuodao" id="user_shuodao">
<option value="是">是</option>
<option value="否">否</option>
</select>
</td>
</tr>
<tr>
<td>状态:</td>
<td><select name="user_zhuangtai" id="user_zhuangtai">
<option value="在校">在校</option>
<option value="外聘">外聘</option>
<option value="离校">离校</option>
</select>
</td>
</tr>
<tr>
<td>学科方向:</td>
<td><input type="text" name="user_xuekefangxiang" value="<%=rs.getString("user_xuekefangxiang")%>"></td>
</tr>
<tr><td colspan="2">个人简介:</td></tr>
<tr>
<td colspan="2"><textarea name="user_jianjie" cols="60" rows="10"></textarea></td>
</tr>
<tr>
<td colspan="2"> <img name="viewpic" id="viewpic" src="<%=rs.getString("user_photo")%>" width="359" height="286"> </td>
</tr>
<tr>
<td colspan="2"><input type="file" name="user_photo" id="user_photo" onChange="yulan();"></td>
</tr>
<tr><td height="40" colspan="2"></td></tr>
<tr>
<td colspan="2">
<input type="submit" value="提交修改">
<input type="button" value="退出" onClick="window.close()>"</td>
</tr>
</table>
</form>
</body>
</html>
出现如下JS错误:object expected
为什么啊!!!!!!!!!!!!!!!!!!!!
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
<tr><td colspan="2">
<img name="viewpic" id="viewpic" src="<%=rs.getString("user_photo")%>" width="359" height="286">
</td></tr>
<tr><td colspan="2"><input type="file" name="user_photo" id="user_photo" onChange="yulan();"></td></tr>
就这几段代码 我直接放在html中
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片上传</title>
<script>
function yulan()
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
</script>
</head>
<body>
<center>
<form name="form1" id="form1">
<img name="viewpic" id="viewpic" width="359" height="286">
<input type="file" name="user_photo" id="user_photo" onChange="yulan();">
</form>
</center>
</body>
</html> 可以显示预览的效果可我在JSP中却不行,全部代码:
<%@ page language="java" contentType="text/html; charset=gb2312" pageEncoding="gb2312"%>
<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<%@ page import="java.util.*" %>
<%@ page import="java.lang.*" %>
<html>
<head>
<title>修改教职工信息</title>
<jsp:useBean id="user" class="bean.query" scope="page"></jsp:useBean>
<%
String user_id=request.getParameter("id");
String sql="select * from user_info where user_id='"+user_id+"'";
ResultSet rs=user.getconnection(sql);
rs.next();
%>
<jsp:include page="date.js"></jsp:include>
<script type="text/javascript"> function load()
{
var j;
var xi=document.all.form1.user_xi.length;
for(j=0;j<xi;j++)
{
if(document.all.form1.user_xi.options[j].value=='<%=rs.getString("user_xi")%>')
{
document.all.form1.user_xi.options.selectedIndex=j;break;
}
}
var role=document.all.form1.user_role.length;
for(j=0;j<role;j++)
{
if(document.all.form1.user_role.options[j].value=='<%=rs.getString("user_role")%>')
{
document.all.form1.user_role.options.selectedIndex=j;break;
}
}
var zhicheng=document.all.form1.user_zhicheng.length;
for(j=0;j<zhicheng;j++)
{
if(document.all.form1.user_zhicheng.options[j].value=='<%=rs.getString("user_zhicheng")%>')
{
document.all.form1.user_zhicheng.options.selectedIndex=j;break;
}
}
var zhuangtai=document.all.form1.user_zhuangtai.length;
for(j=0;j<zhuangtai;j++)
{
if(document.all.form1.user_zhuangtai.options[j].value=='<%=rs.getString("user_zhuangtai")%>')
{
document.all.form1.user_zhuangtai.options[j].selected=true;
break;
}
}
var shuodao=document.all.form1.user_shuodao.length;
for(j=0;j<shuodao;j++)
{
if(document.all.form1.user_shuodao.options[j].value=='<%=rs.getString("user_shuodao")%>')
{
document.all.form1.user_shuodao.options[j].selected=true;
break;
}
}
function yulan()
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
}
</script>
</head>
<body onLoad="load()">
<form action="tj_xggeren.jsp" method="post" name="form1" id="form1">
<table width="677" border="0" align="center">
<tr>
<td height="34" colspan="2" align="center" background="img/23.bmp"><h2><span class="STYLE3">教师个人信息修改</span></h2></td>
</tr>
<tr>
<td>工号:</td><td><%=rs.getString("user_id")%><input type="hidden" name="user_id" value="<%=rs.getString("user_id")%>"></td>
</tr>
<tr>
<td>姓名:</td><td><input type="text" name="user_name_CN" value="<%=rs.getString("user_name_CN")%>" /></td>
</tr>
<tr>
<td>姓名拼音缩写:</td><td><input type="text" name="user_name_EN" value="<%=rs.getString("user_name_EN")%>" /></td>
</tr>
<tr>
<td>性别:</td><td><input type="text" name="user_sex" value="<%=rs.getString("user_sex")%>" /></td>
</tr>
<tr>
<td>电子邮箱:</td><td><input type="text" name="user_email" value="<%=rs.getString("user_email")%>" /></td>
</tr>
<tr>
<td>密码:</td><td><input type="text" name="user_password" value="<%=rs.getString("user_password")%>" /></td>
</tr> <tr>
<td>系:</td>
<td>
<select name="user_xi" id="user_xi">
<%
sql="select * from t_xi";
ResultSet r1=user.getconnection(sql);
while(r1.next())
{
%>
<option value="<%=r1.getString("xi_id")%>"><%=r1.getString("xi_name")%></option>
<%
}
%>
</select>
</td>
</tr>
<tr>
<td>学历:</td><td><input type="text" name="user_xueli" value="<%=rs.getString("user_xueli")%>" /></td>
</tr>
<tr>
<td>学位:</td><td><input type="text" name="user_xuewei" value="<%=rs.getString("user_xuewei")%>" /></td>
</tr>
<tr>
<td>毕业院校:</td><td><input type="text" name="user_biyeyuanxiao" value="<%=rs.getString("user_biyeyuanxiao")%>" /></td>
</tr>
<tr>
<td>毕业时间:</td><td><input type="text" name="user_biyeshijian" value="<%=rs.getString("user_biyeshijian")%>" onClick="setday(this)" /></td>
</tr>
<tr>
<td>职位:</td>
<td>
<select name="user_role" id="user_role">
<%
sql="select * from role";
ResultSet r2=user.getconnection(sql);
while(r2.next())
{
%>
<option value="<%=r2.getString("role_id")%>"><%=r2.getString("role_name_CN")%></option>
<%
}
r2.close();
%>
</select>
</td>
</tr>
<tr>
<td>职称:</td>
<td>
<select name="user_zhicheng" id="zhicheng">
<%
sql="select * from t_zhicheng";
ResultSet r3=user.getconnection(sql);
while(r3.next())
{
%>
<option value="<%=r3.getString("zhicheng_id")%>"><%=r3.getString("zhicheng_name")%></option>
<%
}
r3.close();
%>
</select>
</td>
</tr>
<tr >
<td>是否硕导:</td>
<td>
<select name="user_shuodao" id="user_shuodao">
<option value="是">是</option>
<option value="否">否</option>
</select>
</td>
</tr>
<tr>
<td>状态:</td>
<td><select name="user_zhuangtai" id="user_zhuangtai">
<option value="在校">在校</option>
<option value="外聘">外聘</option>
<option value="离校">离校</option>
</select>
</td>
</tr>
<tr>
<td>学科方向:</td>
<td><input type="text" name="user_xuekefangxiang" value="<%=rs.getString("user_xuekefangxiang")%>"></td>
</tr>
<tr><td colspan="2">个人简介:</td></tr>
<tr>
<td colspan="2"><textarea name="user_jianjie" cols="60" rows="10"></textarea></td>
</tr>
<tr>
<td colspan="2"> <img name="viewpic" id="viewpic" src="<%=rs.getString("user_photo")%>" width="359" height="286"> </td>
</tr>
<tr>
<td colspan="2"><input type="file" name="user_photo" id="user_photo" onChange="yulan();"></td>
</tr>
<tr><td height="40" colspan="2"></td></tr>
<tr>
<td colspan="2">
<input type="submit" value="提交修改">
<input type="button" value="退出" onClick="window.close()>"</td>
</tr>
</table>
</form>
</body>
</html>
出现如下JS错误:object expected
为什么啊!!!!!!!!!!!!!!!!!!!!
可代码多了为什么不行呢??
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<%@ page import="java.sql.*"%>
<%@ page import="java.io.*"%>
<%@ page import="java.util.*"%>
<%@ page import="java.lang.*"%>
<html>
<head>
<title>修改教职工信息</title>
<jsp:useBean id="user" class="bean.query" scope="page">
</jsp:useBean>
<%
String user_id = request.getParameter("id");
String sql = "select * from user_info where user_id='" + user_id
+ "'";
ResultSet rs = user.getconnection(sql);
rs.next();
%>
<jsp:include page="date.js">
</jsp:include>
<script type="text/javascript"> function load()
{
var j;
var xi=document.all.form1.user_xi.length;
for(j=0;j <xi;j++)
{
if(document.all.form1.user_xi.options[j].value==' <%=rs.getString("user_xi")%>')
{
document.all.form1.user_xi.options.selectedIndex=j;break;
}
}
var role=document.all.form1.user_role.length;
for(j=0;j <role;j++)
{
if(document.all.form1.user_role.options[j].value==' <%=rs.getString("user_role")%>')
{
document.all.form1.user_role.options.selectedIndex=j;break;
}
}
var zhicheng=document.all.form1.user_zhicheng.length;
for(j=0;j <zhicheng;j++)
{
if(document.all.form1.user_zhicheng.options[j].value==' <%=rs.getString("user_zhicheng")%>')
{
document.all.form1.user_zhicheng.options.selectedIndex=j;break;
}
}
var zhuangtai=document.all.form1.user_zhuangtai.length;
for(j=0;j <zhuangtai;j++)
{
if(document.all.form1.user_zhuangtai.options[j].value==' <%=rs.getString("user_zhuangtai")%>')
{
document.all.form1.user_zhuangtai.options[j].selected=true;
break;
}
}
var shuodao=document.all.form1.user_shuodao.length;
for(j=0;j <shuodao;j++)
{
if(document.all.form1.user_shuodao.options[j].value==' <%=rs.getString("user_shuodao")%>')
{
document.all.form1.user_shuodao.options[j].selected=true;
break;
}
}
}
function yulan()
{
if(document.all.form1.user_photo.value)
{
document.all.form1.viewpic.src=document.all.form1.user_photo.value;
document.all.form1.viewpic.style.display="";
document.all.form1.viewpic.border=1;
}
}
</script>
</head>
<body onLoad="load()">
<form action="tj_xggeren.jsp" method="post" name="form1" id="form1">
<table width="677" border="0" align="center">
<tr>
<td height="34" colspan="2" align="center" background="img/23.bmp">
<h2>
<span class="STYLE3">教师个人信息修改 </span>
</h2>
</td>
</tr>
<tr>
<td>
工号:
</td>
<td>
<%=rs.getString("user_id")%>
<input type="hidden" name="user_id"
value=" <%=rs.getString("user_id")%>">
</td>
</tr>
<tr>
<td>
姓名:
</td>
<td>
<input type="text" name="user_name_CN"
value=" <%=rs.getString("user_name_CN")%>" />
</td>
</tr>
<tr>
<td>
姓名拼音缩写:
</td>
<td>
<input type="text" name="user_name_EN"
value=" <%=rs.getString("user_name_EN")%>" />
</td>
</tr>
<tr>
<td>
性别:
</td>
<td>
<input type="text" name="user_sex"
value=" <%=rs.getString("user_sex")%>" />
</td>
</tr>
<tr>
<td>
电子邮箱:
</td>
<td>
<input type="text" name="user_email"
value=" <%=rs.getString("user_email")%>" />
</td>
</tr>
<tr>
<td>
密码:
</td>
<td>
<input type="text" name="user_password"
value=" <%=rs.getString("user_password")%>" />
</td>
</tr> <tr>
<td>
系:
</td>
<td>
<select name="user_xi" id="user_xi">
<%
sql = "select * from t_xi";
ResultSet r1 = user.getconnection(sql);
while (r1.next()) {
%>
<option value=" <%=r1.getString("xi_id")%>">
<%=r1.getString("xi_name")%>
</option>
<%
}
%>
</select>
</td>
</tr>
<tr>
<td>
学历:
</td>
<td>
<input type="text" name="user_xueli"
value=" <%=rs.getString("user_xueli")%>" />
</td>
</tr>
<tr>
<td>
学位:
</td>
<td>
<input type="text" name="user_xuewei"
value=" <%=rs.getString("user_xuewei")%>" />
</td>
</tr>
<tr>
<td>
毕业院校:
</td>
<td>
<input type="text" name="user_biyeyuanxiao"
value=" <%=rs.getString("user_biyeyuanxiao")%>" />
</td>
</tr>
<tr>
<td>
毕业时间:
</td>
<td>
<input type="text" name="user_biyeshijian"
value=" <%=rs.getString("user_biyeshijian")%>"
onClick="setday(this)" />
</td>
</tr>
<tr>
<td>
职位:
</td>
<td>
<select name="user_role" id="user_role">
<%
sql = "select * from role";
ResultSet r2 = user.getconnection(sql);
while (r2.next()) {
%>
<option value=" <%=r2.getString("role_id")%>">
<%=r2.getString("role_name_CN")%>
</option>
<%
}
r2.close();
%>
</select>
</td>
</tr>
<tr>
<td>
职称:
</td>
<td>
<select name="user_zhicheng" id="zhicheng">
<%
sql = "select * from t_zhicheng";
ResultSet r3 = user.getconnection(sql);
while (r3.next()) {
%>
<option value=" <%=r3.getString("zhicheng_id")%>">
<%=r3.getString("zhicheng_name")%>
</option>
<%
}
r3.close();
%>
</select>
</td>
</tr>
<tr>
<td>
是否硕导:
</td>
<td>
<select name="user_shuodao" id="user_shuodao">
<option value="是">
是
</option>
<option value="否">
否
</option>
</select>
</td>
</tr>
<tr>
<td>
状态:
</td>
<td>
<select name="user_zhuangtai" id="user_zhuangtai">
<option value="在校">
在校
</option>
<option value="外聘">
外聘
</option>
<option value="离校">
离校
</option>
</select>
</td>
</tr>
<tr>
<td>
学科方向:
</td>
<td>
<input type="text" name="user_xuekefangxiang"
value=" <%=rs.getString("user_xuekefangxiang")%>">
</td>
</tr>
<tr>
<td colspan="2">
个人简介:
</td>
</tr>
<tr>
<td colspan="2">
<textarea name="user_jianjie" cols="60" rows="10"> </textarea>
</td>
</tr>
<tr>
<td colspan="2"> <img name="viewpic" id="viewpic"
src="<%=rs.getString("user_photo")%>" width="359" height="286"> </td>
</tr>
<tr>
<td colspan="2">
<input type="file" name="user_photo" id="user_photo"
onChange="yulan();">
</td>
</tr>
<tr>
<td height="40" colspan="2">
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="提交修改">
<input type="button" value="退出" onClick="window.close()">
</td>
</tr> </table>
</form>
</body>
</html>
括号位置错了
记得是相对路径
比如:tomcat\webapps\dwr
是相对于dwr的位置。
还有你的jsp相对于dwr的位置!