前台页面层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 © 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>
上一篇: 阿里云实例密码和远程登录密码
下一篇: Android Studio 受不了了