AI 助理
备案控制台
开发者社区 云计算 文章 正文

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

2024-03-20 53
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 使用Servlet上传多张图片——前台页面层(Index.jsp) 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://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">
  
<div id="middle">
                  <div 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>
                 </div>
             </div>
  <!-- END CONTAINER -->
  <!-- 脚步开始 -->
  <div class="footer">
    <div class="footer-inner">
      2013 &copy; Metronic by keenthemes.Collect from <a href="http://www.cssmoban.com/" title="三只松鼠" target="_blank">三只松鼠</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="三只松鼠">三只松鼠</a>
    </div>
    <div class="footer-tools">
      <span class="go-top">
      <i class="icon-angle-up"></i>
      </span>
    </div>
  </div>
  <!-- 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>


关键词：
Servlet jsp
Servlet图片
前台jsp
Servlet张图片
Servlet多张图片
a15034260562-24955
目录
相关文章
东方睿赢
|
4月前
|
缓存 安全 Java
Java服务器端技术：Servlet与JSP的集成与扩展
Java服务器端技术：Servlet与JSP的集成与扩展
东方睿赢
42 3
东方睿赢
|
4月前
|
存储 缓存 前端开发
Servlet与JSP在Java Web应用中的性能调优策略
Servlet与JSP在Java Web应用中的性能调优策略
东方睿赢
43 1
龙大吉
|
4月前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
基于Servlet和JSP的Java Web应用开发指南
龙大吉
84 0
东方睿赢
|
4月前
|
前端开发 安全 Java
在Java服务器端开发的浩瀚宇宙中，Servlet与JSP犹如两颗璀璨的明星，它们联袂登场，共同编织出动态网站的绚丽篇章。
在Java服务器端开发的浩瀚宇宙中，Servlet与JSP犹如两颗璀璨的明星，它们联袂登场，共同编织出动态网站的绚丽篇章。
东方睿赢
32 0
土木林森
|
6月前
|
自然语言处理 前端开发 Java
Servlet与JSP：Java Web开发的基石技术详解
【6月更文挑战第23天】Java Web的Servlet与JSP是动态网页的核心。Servlet是服务器端的Java应用，处理HTTP请求并响应；JSP则是结合HTML与Java代码的页面，用于动态内容生成。Servlet通过生命周期方法如`init()`、`service()`和`destroy()`工作，而JSP在执行时编译成Servlet。两者在MVC架构中分工，Servlet处理逻辑，JSP展示数据。尽管有Spring MVC等框架，Servlet和JSP仍是理解Web开发基础的关键。
土木林森
115 12
土木林森
|
6月前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
【6月更文挑战第23天】构建Java Web应用，Servlet与JSP携手打造在线图书管理系统，涵盖需求分析、设计、编码到测试。通过实例展示了Servlet如何处理用户登录（如`LoginServlet`），JSP负责页面展示（如`login.jsp`和`bookList.jsp`）。应用基于MySQL数据库，包含用户和图书表。登录失败显示错误信息，成功后展示图书列表。部署到Tomcat服务器测试功能。此基础教程为深入Java Web开发奠定了基础。
土木林森
137 10
土木林森
|
6月前
|
缓存 小程序 前端开发
Java服务器端技术探秘：Servlet与JSP的核心原理
【6月更文挑战第23天】Java Web开发中的Servlet和JSP详解：Servlet是服务器端的Java小程序，处理HTTP请求并响应。生命周期含初始化、服务和销毁。创建Servlet示例代码展示了`doGet()`方法的覆盖。JSP则侧重视图，动态HTML生成，通过JSP脚本元素、声明和表达式嵌入Java代码。Servlet常作为控制器，JSP处理视图，遵循MVC模式。优化策略涉及缓存、分页和安全措施。这些技术是Java服务器端开发的基础。
土木林森
69 9
土木林森
|
6月前
|
缓存 安全 Java
Java服务器端技术：Servlet与JSP的集成与扩展
【6月更文挑战第23天】Java Web开发中，Servlet和JSP是构建动态Web应用的基础。Servlet处理逻辑，JSP专注展示。示例展示了Servlet如何通过`request.setAttribute`传递数据给JSP渲染。JSP自定义标签提升页面功能，如创建`WelcomeTag`显示欢迎消息。Servlet过滤器，如`CacheControlFilter`，用于预处理数据或调整响应头。这些集成和扩展技术增强了应用效率、安全性和可维护性，是Java服务器端开发的关键。
土木林森
75 7
土木林森
|
6月前
|
前端开发 安全 Java
Java服务器端开发实战：利用Servlet和JSP构建动态网站
【6月更文挑战第23天】**Servlet和JSP在Java Web开发中扮演关键角色。Servlet处理业务逻辑，管理会话，JSP则结合HTML生成动态页面。两者协同工作，形成动态网站的核心。通过Servlet的doGet()方法响应请求，JSP利用嵌入式Java代码创建动态内容。实战中，Servlet处理数据后转发给JSP展示，共同构建高效、稳定的网站。虽然新技术涌现，Servlet与JSP仍为Java Web开发的基石，提供灵活且成熟的解决方案。**
土木林森
90 8
土木林森
|
6月前
|
缓存 负载均衡 安全
Servlet与JSP在Java Web应用中的性能调优策略
【6月更文挑战第23天】在Java Web中，Servlet和JSP调优至关重要，以应对高并发和复杂业务带来的性能挑战。优化包括Servlet复用、线程安全、数据库连接池，以及JSP的编译优化、使用JSTL、页面缓存和静态内容分离。全局优化涉及负载均衡、异步处理和缓存策略。通过这些实践，开发者能提升应用响应速度和吞吐量，确保高负载下的稳定运行。
土木林森
89 7