前台页面层index.使用servlet上传多张图片
<%@ page language="java" import="java.util.*" pageencoding="utf-8"%>
<%@ taglib uri="http://www.51sjk.com/Upload/Articles/1/0/250/250546_20210625001753663.jpg 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 rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="style_color"/>
<link rel="stylesheet" type="text/css"/>
<!-- end global mandatory styles -->
<!-- begin page level styles -->
<link rel="stylesheet" type="text/css"/>
<!-- end page level styles -->
<link rel="shortcut icon" />
<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 © metronic by keenthemes.collect from <a title="三只松鼠" target="_blank">三只松鼠</a> - more templates <a 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>
爆炸的球
