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包,需要的请前往这里下载!!!

目录
相关文章
|
24天前
|
自然语言处理 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内容
|
26天前
|
Java
学校教师管理系统【JSP+Servlet+JavaBean】(Java课设)
学校教师管理系统【JSP+Servlet+JavaBean】(Java课设)
20 1
|
3天前
|
设计模式 存储 前端开发
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
Java从入门到精通:2.2.1学习Java Web开发,了解Servlet和JSP技术,掌握MVC设计模式
|
26天前
|
Java
排课系统【JSP+Servlet+JavaBean】(Java课设)
排课系统【JSP+Servlet+JavaBean】(Java课设)
7 0
|
26天前
|
Java
仓库管理系统【JSP+Servlet+JavaBean】(Java课设)
仓库管理系统【JSP+Servlet+JavaBean】(Java课设)
14 0
|
26天前
|
Java
学校人员管理系统【JSP+Servlet+JavaBean】(Java课设)
学校人员管理系统【JSP+Servlet+JavaBean】(Java课设)
16 0
|
Java
Java学习路线-55:自定义JSP标签
Java学习路线-55:自定义JSP标签
79 0
Java学习路线-55:自定义JSP标签
Java学习路线-55:自定义JSP标签
|
Java
Java学习路线-55:自定义JSP标签
Java学习路线-55:自定义JSP标签
95 0
|
4天前
|
安全 Java 调度
Java线程:深入理解与实战应用
Java线程:深入理解与实战应用
23 0