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

在当前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 BV260Y用MQTT向阿里云发布主题消息一直错误
  • ¥20 求个正点原子stm32f407开发版的贪吃蛇游戏
  • ¥15 划分vlan后，链路不通了？
  • ¥20 求各位懂行的人，注册表能不能看到usb使用得具体信息，干了什么，传输了什么数据
  • ¥15 Vue3 大型图片数据拖动排序
  • ¥15 Centos / PETGEM
  • ¥15 划分vlan后不通了
  • ¥20 用雷电模拟器安装百达屋apk一直闪退
  • ¥15 算能科技20240506咨询（拒绝大模型回答）
  • ¥15 自适应 AR 模型 参数估计Matlab程序