`
xuke6677
  • 浏览: 12370 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类

在当前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>
  • 大小: 6.4 KB
分享到:
评论

相关推荐

    input框添加图片按钮

    本文将详细介绍如何在`input`框中添加图片按钮,并确保该设计能够兼容主流浏览器如火狐、谷歌以及IE。 #### 实现原理 实现这一功能的关键在于CSS定位技术与JavaScript的动态样式调整。通过设置不同的CSS样式属性...

    JSP实用技巧集合,jsp编程的一些小技巧总结

    56. 实现不在地址拦中显示当前URL? 57. 获取用户的真实IP地址? 58. 获取用户浏览器信息? 59. 获取当前绝对路径? 60. 将HTML文件转换成XML文件? 61. 结合XML和XSL输出HTML页面? 62. 制作动态树型菜单制作? 63. ...

    jsp html5 仿windows图片查看器源码,可以下载、放大、缩小、拖动、放大某一区域

    3. 拖动功能:通过监听鼠标或触摸事件,计算出图片的当前位置,实现图片在Canvas上的平移。 4. 局部放大:当用户点击或选择图片的某一部分时,可以调用Canvas的局部放大部分,实现对选定区域的放大查看。 5. 下载...

    JSP+Lightbox JS图片放大效果

    当用户点击缩略图时,Lightbox 会在当前页面上创建一个半透明的背景层,并在其中显示选中的大图,同时提供关闭按钮和其他交互元素,如图片导航箭头。这种效果可以提高网站的视觉吸引力,让用户更方便地查看图片。 #...

    jsp编程技巧集锦

    数字转中文 128 自动计算金额 129 JSP页面打印中使用WebBrowser控件 130 不刷新页面添加新的类别 131 鼠标滚动缩放图片 132 根据输入的表名生成输入数据表格 133 JSP表格输出到Excel 134.JSP...

    jsp实现新闻上下条连接显示代码

    在这个特定的场景下,"jsp实现新闻上下条连接显示代码"指的是在新闻展示页面上,通过JSP来实现导航功能,让用户可以方便地浏览新闻列表中的上一条和下一条新闻。 首先,我们来看`viewnews.jsp`,这通常是一个用于...

    JSP页面的简单分页技术

    4. 分页逻辑:在JSP页面中,使用自定义标签`&lt;pager&gt;`,传入当前页数和总页数。标签内部会生成上一页、下一页、页码链接等元素。点击这些链接时,会触发请求,更新当前页数并重新渲染页面。 5. 请求处理:当用户点击...

    JSP实现分页显示数据库中的数据

    在网页开发中,分页显示是一项常见的功能,它允许用户逐步浏览大量的数据库记录,而不会一次性加载所有数据导致页面响应慢或内存压力过大。本文将深入探讨如何使用JSP(JavaServer Pages)来实现这一功能。 一、JSP...

    jsp分页显示数据(显示方式有很多种)

    3. **JSP页面**:在JSP页面中,你需要获取用户的请求参数,如当前页数,然后根据这些参数构造上述SQL查询。使用JDBC连接数据库,执行查询并获取结果集。然后,遍历结果集并在页面上显示数据。 4. **分页导航**:在...

    JSP通用分页显示1.2.rar_java 分页显示_jsp_jsp 分页_jsp 分页_jsp分页

    - 显示数据:在页面上渲染当前页的数据。 3. **使用JSP分页标签库** JSP标准标签库(JSTL)提供了`&lt;c:forEach&gt;`等标签,可以用来遍历分页数据。同时,还有一些第三方的分页标签库,如DisplayTag,提供了更丰富的...

    JSP页面跳转大全.docx

    - **E**: 使用JavaScript提交表单也是一种跳转方式,通过修改表单的`action`属性并调用`submit()`方法,可以模拟用户点击按钮提交表单并跳转到指定的处理页面。 在选择跳转方法时,通常考虑以下几个因素:是否需要...

    jsp购物车实例

    2. **添加到购物车**:当用户点击按钮时,JSP页面接收到请求,获取商品ID,并检查当前会话是否存在购物车对象。如果不存在,就创建一个新的购物车对象;如果存在,就找到对应的商品并更新数量,或者如果商品尚未存在...

    页面自定跳转 超链接 跳转 jsp页面跳转

    因此,在编写跨浏览器兼容的代码时,我们需要检测当前运行的浏览器类型,并选择合适的属性来更新元素的文本内容。 例如,下面的代码展示了如何根据不同浏览器类型选择正确的属性来更新元素的文本内容: ```...

    jsp 分页显示 标签 仿百度那样的分页效果

    在IT行业中,分页显示是网页开发中一个常见的需求,特别是在数据量较大的情况下,为了提高用户体验,避免一次性加载大量数据导致页面响应变慢。JSP(JavaServer Pages)作为Java Web开发的重要技术,提供了实现这一...

    记录同时在线人数 jsp

    在JSP页面上展示这个数据可以使用EL(Expression Language)和JSTL(JavaServer Pages Standard Tag Library): ```jsp &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&gt; &lt;!DOCTYPE html&gt; ...

    jsp异步分页代码.zip

    在网页开发中,分页是一种常见的用户界面设计技术,它帮助用户更有效地浏览大量数据,如数据库查询结果或论坛帖子。本示例是关于“jsp异步分页代码”的分享,旨在利用JSON数据在前台实现分页功能。下面将详细讨论JSP...

    jsp中点击图片弹出文件上传界面及预览功能的实现

    在JSP(Java Server Pages)页面中实现点击图片弹出文件上传界面并具有预览功能,是Web开发中经常遇到的需求,用于增强用户体验和界面互动性。下面是这个功能实现涉及的知识点详解。 1. HTML与JavaScript基础:实现...

    jsp分页显示

    4. **处理用户请求**:当用户点击分页链接时,JSP页面接收到请求并解析页码参数,然后重新执行SQL查询,这次调整LIMIT和OFFSET值,根据当前页码加载对应的数据。 5. **显示数据**:最后,JSP页面将查询到的分页数据...

    JSP页面数据列表的分页实现

    在JSP页面中,可以通过以下方式使用: ```jsp ... ${totalRecords}"&gt; ... ``` 这里,`pageList`是一个自定义标签,它接受`pageSize`(每页显示记录数)和`totalRecords`(总记录数)作为参数,并负责渲染分页...

    Jsp页面分页

    因此,"Jsp页面分页"是一个重要的概念,它允许用户逐步浏览大量数据,而不是一次性显示所有内容。 分页通常涉及以下几个关键知识点: 1. **数据库查询优化**:在实现分页功能时,我们需要对数据库查询进行优化。这...

Global site tag (gtag.js) - Google Analytics