使用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>

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


posted @ 2017-10-15 23:20  穆雄雄  阅读(211)  评论(0编辑  收藏  举报