欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前台页面层Index.jsp使用Servlet上传多张图片

程序员文章站 2022-05-29 12:56:36
前台页面层index.使用servlet上传多张图片 <%@ page language="java" import="java.util.*" p...

前台页面层index.使用servlet上传多张图片

<%@ page language="java" import="java.util.*" pageencoding="utf-8"%>  
<%@ taglib uri="https://java.sun.com/jsp/jstl/core" prefix="c" %>  
<!doctype html>  
  
<!--[if ie 8]> <html lang="en" class="ie8"> <![endif]-->  
  
<!--[if ie 9]> <html lang="en" class="ie9"> <![endif]-->  
  
<!--[if !ie]><!--> <html lang="en"> <!--<![endif]-->  
  
<!-- begin head -->  
  
<head>  
  
    <meta charset="utf-8" />  
  
    <title>三只松鼠|食品管理-增加食品信息</title>  
  
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />  
  
    <meta content="" name="description" />  
  
    <meta content="" name="author" />  
  
    <!-- begin global mandatory styles -->  
  
    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>  
  
    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>  
  
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>  
  
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>  
  
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>  
  
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>  
  
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>  
  
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>  
  
    <!-- end global mandatory styles -->  
  
    <!-- begin page level styles -->  
  
    <link href="media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>  
  
    <!-- end page level styles -->  
  
    <link rel="shortcut icon" href="media/image/index.ico" />  
    <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>  
  
</head>  
  
<!-- end head -->  
  
<!-- begin body -->  
  
<body class="page-header-fixed">  
  
      
<p id="middle">  
                  <p id="form">  
                  <form action="productservlet?tag=add" method="post" enctype="multipart/form-data" >  
                    <h2>三只松鼠--新增</h2>  
                   <table align="center">  
                    <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>  
                 </p>  
               </p>  
  
    <!-- end container -->  
  
    <!-- 脚步开始 -->  
  
    <p class="footer">  
  
        <p class="footer-inner">  
  
            2013 &copy; metronic by keenthemes.collect from <a href="https://www.cssmoban.com/" title="三只松鼠" target="_blank">三只松鼠</a> - more templates <a href="https://www.cssmoban.com/" target="_blank" title="三只松鼠">三只松鼠</a>  
  
        </p>  
  
        <p class="footer-tools">  
  
            <span class="go-top">  
  
            <i class="icon-angle-up"></i>  
  
            </span>  
  
        </p>  
  
    </p>  
  
    <!-- end footer -->  
  
    <!-- begin javascripts(load javascripts at bottom, this will reduce page load time) -->  
  
    <!-- begin core plugins -->  
  
    <script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>  
  
    <script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>  
  
    <!-- important! load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->  
  
    <script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>        
  
    <script src="media/js/bootstrap.min.js" type="text/javascript"></script>  
  
    <!--[if lt ie 9]>  
  
    <script src="media/js/excanvas.min.js"></script>  
  
    <script src="media/js/respond.min.js"></script>    
  
    <![endif]-->     
  
    <script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>  
  
    <script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>    
  
    <script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>  
  
    <script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>  
  
    <!-- end core plugins -->  
  
    <!-- begin page level plugins -->  
  
    <script type="text/javascript" src="media/js/jquery.gritter.js"></script>  
  
    <script type="text/javascript" src="media/js/jquery.pulsate.min.js"></script>  
  
    <script type="text/javascript" src="media/js/jquery.bootpag.min.js"></script>  
  
    <!-- end page level plugins -->  
  
    <!-- begin page level scripts -->  
  
    <script src="media/js/app.js"></script>  
  
    <script src="media/js/ui-general.js"></script>       
  
    <!-- end page level scripts -->  
  
    <script>  
  
        jquery(document).ready(function() {         
  
           // initiate layout and plugins  
  
           app.init();  
  
           uigeneral.init();  
  
        });  
  
    </script>  
  
    <!-- end javascripts -->  
  
</body>  
  
<!-- end body -->  
  
</html>