xuke6677 2011-12-19 11:41 采纳率: 0%
浏览 329
已采纳

在当前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 这个属性啊  谢谢解答哈！！！

  • 写回答

1条回答 默认 最新

  • cj2513 2011-12-19 11:41
    关注

    在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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 freertos下使用外部中断失效
  • ¥15 输入的char字符转为int类型，不是对应的ascall码，如何才能使之转换为对应ascall码？或者使输入的char字符可以正常与其他字符比较?
  • ¥15 devserver配置完 启动服务 无法访问static上的资源
  • ¥15 解决websocket跟c#客户端通信
  • ¥30 Python调用dll文件输出Nan重置dll状态
  • ¥15 浮动div的高度控制问题。
  • ¥66 换电脑后应用程序报错
  • ¥50 array数据同步问题
  • ¥15 pic16F877a单片机的外部触发中断程序仿真失效
  • ¥15 Matlab插值拟合差分微分规划图论