zoukankan      html  css  js  c++  java
  • 使用Servlet上传多张图片——访问提示

      上传文件,我们在做项目中补课避免的,有时候我们需要上传单张或者单个文件,但是有时候我们就需要上传多个文件或者多张图片了,我们这里以多张(4张)图片为例,再多也都是一样的概念,接下来先看看我们的运行结果:

       首先是表单,我们在上传图片的同时,难免会顺便添加一些描述,比如说名称呢,价格呢等等



    我们按照随便填的形式进行填一下:


    如我们所料,上传成功

    为了看看是不是真的成功了,我们就看看tomcat里面的upload下面有没有我们上传的这几张图片,果不其然,一张都不少


      现在图片已经上传成功,那么接下来我们看看是怎么实现的呢?

       先来创建个数据库:uoloadFileDB,我这里使用的是sql server的,数据库脚本如下:

    CREATE TABLE [dbo].[ProductInfo](
    	[productId] [int] IDENTITY(1,1) NOT NULL,
    	[productName] [varchar](50) NULL,
    	[price] [float] NULL,
    	[details] [varchar](50) NULL,
    	[stock] [int] NULL,
    	[fileName] [varchar](50) NULL,
    	[fileName_1] [varchar](50) NULL,
    	[fileName_2] [varchar](50) NULL,
    	[fileName_3] [varchar](50) NULL,
     CONSTRAINT [PK_ProductInfo] PRIMARY KEY CLUSTERED 
    (
    	[productId] ASC
    )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
    ) ON [PRIMARY]


    就只有一张表就行了,数据库表已经有了,那么我们就在myeclipse里面创建个web项目吧:

    项目的目录结构如下:



    jar包文件如下:


    那么接下来我们就上源码,看了源码之后大家就知道是怎么实现的了

    实体层:

    ProductInfo.java


    Dao层:

    BaseDao.java

    ProductInfoDao.java

    ProductInfoDaoImpl.java


    Service层:

    ProductInfoService.java

    ProductInfoServiceImpl.java


    Servlet层:

    ProductServlet.java


    前台页面层:

    index.jsp


    web.xml:

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app version="3.0" 
    	xmlns="http://java.sun.com/xml/ns/javaee" 
    	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    	http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
      <display-name></display-name>
      <servlet>
        <servlet-name>ProductServlet</servlet-name>
        <servlet-class>orz.treeSquirrels.web.ProductServlet</servlet-class>
      </servlet>
    
      <servlet-mapping>
        <servlet-name>ProductServlet</servlet-name>
        <url-pattern>/ProductServlet</url-pattern>
      </servlet-mapping>	
      <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
      </welcome-file-list>
    </web-app>
    

    看不明白的欢迎留言,看到之后会及时回复的!


  • 相关阅读:
    终于,我还是对自己的博客下手了
    对字典进行排序
    小米官网的css3导航菜单
    背景色渐变
    处理手机上点击链接出现的蓝色边框
    如何修改HTML5 input placeholder 颜色
    自定义浏览器滚动条样式
    两行文字,固定宽高,超出部分以三点隐藏
    css3控制div上下跳动-效果图
    css3控制div上下跳动
  • 原文地址:https://www.cnblogs.com/a1111/p/12816140.html
Copyright © 2011-2022 走看看