在当前JSP页面中怎么修改图片,让图片在点击浏览按钮的同时更新显示的图片?[

在当前JSP页面中怎么修改图片,让图片在点击浏览按钮的同时更新显示的图片?[

问题描述:

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>

<html>
    <head>
        <title>JSP for UserForm form</title>
    </head>
    <body>
        <html:form action="/user.do?method=upp"  enctype="multipart/form-data" method="post">
          <table border="1" align="center" width="60%">
             <tr>
               <td align="right">姓名:</td>
               <td><html:text property="user.u_name"/></td>
             </tr>
             <tr>
               <td align="right">性别:</td>
               <td>
                 <html:radio property="user.u_sex" value="男" />男&nbsp;&nbsp;
                 <html:radio property="user.u_sex" value="女"/>女
               </td>
             </tr>
             <tr>
               <td align="right">年龄:</td>
               <td><html:text property="user.u_age"/></td>
             </tr>
             <tr>
               <td align="right">相片:</td>
               <td><img alt="" src="${pageContext.request.contextPath}/${user.uppath}"/><br>
               <html:file property="user.u_img"></html:file>
               </td>
             </tr>
              <html:hidden property="user.u_id"/>
             <tr>
               <td colspan="10" align="center"><html:submit value="确定"/></td>
             </tr>
          </table>
        </html:form>
    </body>
</html>

问题补充
什么时候调用这个函数啊
问题补充
var imgup = document.getElementById("simg")
这个id = simg 放在哪里啊 ,<html:file>中没有id 这个属性啊  谢谢解答哈!!!

在javascript里面定义

function viewimg() { var imgup = document.getElementById("simg"); if (imgup.value == "") { return; } var imgpath = getPath(imgup); // 判断是否是图片格式 var imgname = imgup.value.substring(imgup.value.lastIndexOf("."), imgup.value.length) imgname = imgname.toLowerCase() if ((imgname != '.jpg') && (imgname != '.gif') && (imgname != '.jpeg') && (imgname != '.png') && (imgname != '.bmp')) { alert("请选择图片文件,谢谢!"); imgup.focus(); // 清空file里面的值 imgup.select(); document.selection.clear(); } else { // 显示图片 document.getElementById("sig_preview").innerHTML = "<img src='" + imgpath + "' border=0 width=200 height=150>" } } // 该函数解决iE下路径问题。兼容ie6,7,firefox function getPath(obj) { if (obj) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select(); return document.selection.createRange().text; } else if (window.navigator.userAgent.indexOf("Firefox") >= 1) { if (obj.files) { return obj.files.item(0).getAsDataURL(); } return obj.value; } return obj.value; } }

然后在适应位置写

                    </div>