java通过commons-fileupload实现多张图片的上传(jsp页面)

简介: java通过commons-fileupload实现多张图片的上传(jsp页面)
<div id="middle">
                  <div id="form">
                  <form action="ProductInfoServlet?tag=add" method="post" enctype="multipart/form-data" >
                    <h2>三只松鼠--新增</h2>
                   <table align="center">
                   <tr>
                   <td width="90px"  class="td">类型:</td>
                   <td width="200px" >
                     <select name="typename">
                          <option>---请选择--</option>
                          <c:forEach items="${tlist }" var="type" varStatus="status">
                          <option value="${type.typeId}">${type.typeName }</option>
                          </c:forEach>
                         </select>
                    </td>
                   </tr>
                   <tr>
                   <td width="90px"  class="td">品牌:</td>
                   <td width="200px" >
                     <select name="brand">
                          <option>---请选择--</option>
                          <option >三只松鼠</option>
                         </select>
                    </td>
                   </tr>
                    <tr>
                   <td width="90px"  class="td">名称:</td>
                   <td>
                   <input type="text" name="produceName" id="name">
                    </td>
                   </tr>
                    <tr>
                   <td width="90px"  class="td">详情介绍:</td>
                   <td>
                   <textarea cols="20px" rows="1px" name="details"></textarea>
                    </td>
                   </tr>
                   <tr>
                   <td width="90px"  class="td">价格:</td>
                   <td>
                  <input type="text" name="price" id="price">
                    </td>
                   </tr>
                   <tr>
                   <td width="90px"  class="td">库存:</td>
                   <td>
                  <input type="text" name="stock" id="price">
                    </td>
                   </tr>
                   <tr>
                   <td width="90px"  class="td">大图:</td>
                   <td>
                  <input type="file" name="bigfile" id="price">
                    </td>
                   </tr>
                   <tr>
                   <td width="90px"  class="td">小图1:</td>
                   <td>
                  <input type="file" name="smallfile1" id="price">
                    </td>
                   </tr>
                   <tr>
                   <td width="90px"  class="td">小图2:</td>
                   <td>
                  <input type="file" name="smallfile2" id="price">
                    </td>
                   </tr>
                    <tr>
                   <td width="90px"  class="td">小图3:</td>
                   <td>
                  <input type="file" name="smallfile3" id="price">
                    </td>
                   </tr>
                   <tr>
                   <td colspan="2"><input type="submit" value="新增">   <input type="button" value="取消"></td>
                   </tr>
                    </table>
                 </form>
                 </div>
             </div>



css样式:

<style type="text/css">
    #middle
  {
    width:100%;
    height:600px;
    border:1px #000000;
    background-image:url(media/image/bg/2.jpg);
    color:#FFF;
    padding-top:110px;
    }
    h2{ 
   text-align:center;
   padding-top:10px;
  }
    #form
  {
     text-align:center;
     border: #999 1px solid;
     height:560px;
     width:600px;
     margin:0px auto;
     background-color:#ACACAC;
     opacity:0.02px;
     box-shadow:0px 0px 100px;
  }
   #form .td
   {
     font-size:18px;
     font-weight:bolder;
   }
     #form td
   {
         padding-top:10px; 
     }
    </style>

 


温馨提示:此方法得用到两个jar包,需要的请前往这里下载!!!

目录
相关文章
|
16小时前
|
XML 前端开发 Oracle
16:JSP简介、注释与Scriptlet、Page指令元素、Include操作、内置对象、四种属性-Java Web
16:JSP简介、注释与Scriptlet、Page指令元素、Include操作、内置对象、四种属性-Java Web
8 2
|
8天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
|
29天前
|
自然语言处理 Java 数据库连接
掌握JSP页面编程:动态生成Web内容
【4月更文挑战第3天】Java Server Pages (JSP) 是一种用于创建动态Web内容的Java技术,它结合HTML并允许在页面中嵌入Java代码。JSP支持代码片段、表达式语言(EL)和JSTL标签库,简化动态内容生成。当服务器接收到请求时,执行JSP中的Java代码并将结果嵌入HTML返回给客户端。示例展示了如何显示当前日期和时间。JSP可与Servlet、JavaBeans、数据库等结合,用于构建功能丰富的交互式Web应用。
掌握JSP页面编程:动态生成Web内容
|
1月前
|
Java
排课系统【JSP+Servlet+JavaBean】(Java课设)
排课系统【JSP+Servlet+JavaBean】(Java课设)
8 0
|
1月前
|
Java
仓库管理系统【JSP+Servlet+JavaBean】(Java课设)
仓库管理系统【JSP+Servlet+JavaBean】(Java课设)
15 0
|
1月前
|
Java
校园帮【JSP+Servlet+JavaBean】(Java课设)
校园帮【JSP+Servlet+JavaBean】(Java课设)
14 0
|
Java
java swing实现简单图片显示(测试生成图片快捷方式)
package com.ts.x; import java.awt.Image; import java.awt.image.BufferedImage; import java.io.ByteArrayOutputStream; import java.io.InputStream; import java.net.URL; import java.util.Hashtable; i
5086 0
|
1天前
|
存储 安全 Java
深入理解Java并发编程:线程安全与性能优化
【5月更文挑战第1天】本文将深入探讨Java并发编程的核心概念,包括线程安全和性能优化。我们将详细分析线程安全问题的根源,以及如何通过合理的设计和编码实践来避免常见的并发问题。同时,我们还将探讨如何在保证线程安全的前提下,提高程序的并发性能,包括使用高效的同步机制、减少锁的竞争以及利用现代硬件的并行能力等技术手段。
|
1天前
|
并行计算 Java 数据处理
Java中的多线程编程:基础知识与实践
【5月更文挑战第1天】本文将深入探讨Java中的多线程编程,包括其基本概念、实现方式以及实际应用。我们将从理论和实践两个角度出发,详细解析线程的创建、启动、控制以及同步等关键问题,并通过实例代码演示如何在Java中有效地使用多线程。
|
1天前
|
Java 程序员
Java中的多线程编程:从理论到实践
【5月更文挑战第1天】 在现代计算机科学中,多线程编程是一个重要的概念,它允许程序员在同一程序中并行运行多个任务。Java作为一种广泛使用的编程语言,提供了一套丰富的多线程编程工具。本文将介绍Java中多线程编程的基本概念,包括线程的创建、启动、控制和同步,以及一些常见的多线程问题和解决方案。