web操作文件的上传到服务器 并且读取出来

1.文件的上传-servlet实现文件上传---核心API—DiskFileItemFactory

一。文件上传概述

l  实现web开发中的文件上传功能,需完成如下二步操作:

?    在web页面中添加上传输入项

?    在servlet中读取上传文件的数据,并保存到本地硬盘中。

l  如何在web页面中添加上传输入项?

?    <input type=“file”>标签用于在web页面中添加文件上传输入项,设置文件上传输入项时须注意:

?    1、必须要设置input输入项的name属性,否则浏览器将不会发送上传文件的数据。

?    2、必须把form的enctype属值设为multipart/form-data.设置该值后,浏览器在上传文件时,将把文件数据附带在http请求消息体中,并使用MIME协议对上传的文件进行描述,以方便接收方对上传数据进行解析和处理。

l  如何在Servlet中读取文件上传数据,并保存到本地硬盘中?

?    Request对象提供了一个getInputStream方法,通过这个方法可以读取到客户端提交过来的数据。但由于用户可能会同时上传多个文件,在servlet端编程直接读取上传数据,并分别解析出相应的文件数据是一项非常麻烦的工作,示例。

?    为方便用户处理文件上传数据,Apache 开源组织提供了一个用来处理表单文件上传的一个开源组件(Commons-fileupload ),该组件性能优异,并且其API使用极其简单,可以让开发人员轻松实现web文件上传功能,因此在web开发中实现文件上传功能,通常使用Commons-fileupload组件实现。

l  使用Commons-fileupload组件实现文件上传,需要导入该组件相应的支撑jar包:Commons-fileupload和commons-io。commons-io 不属于文件上传组件的开发jar文件,但Commons-fileupload 组件从1.1 版本开始,它工作时需要commons-io包的支持。

二。核心API—DiskFileItemFactory

l  DiskFileItemFactory 是创建FileItem 对象的工厂,这个工厂类常用方法:

?    public void setSizeThreshold(int sizeThreshold) :设置内存缓冲区的大小,默认值为10K。当上传文件大于缓冲区大小时,fileupload组件将使用临时文件缓存上传文件。

?    public void setRepository(java.io.File repository) :指定临时文件目录,默认值为System.getProperty("java.io.tmpdir").

?    public DiskFileItemFactory(int sizeThreshold,java.io.File repository) :构造函数

l  ServletFileUpload 负责处理上传的文件数据,并将表单中每个输入项封装成一个FileItem 对象中。常用方法有:

?    boolean isMultipartContent(HttpServletRequest request) :判断上传表单是否为multipart/form-data类型

?    List parseRequest(HttpServletRequest request):解析request对象,并把表单中的每一个输入项包装成一个fileItem 对象,并返回一个保存了所有FileItem的list集合。

?    setFileSizeMax(long fileSizeMax) :设置上传文件的最大值

?    setSizeMax(long sizeMax) :设置上传文件总量的最大值

?    setHeaderEncoding(java.lang.String encoding) :设置编码格式

?    setProgressListener(ProgressListener pListener)

三文件上传案例

l  实现步骤

1、创建DiskFileItemFactory对象,设置缓冲区大小和临时文件目录

2、使用DiskFileItemFactory 对象创建ServletFileUpload对象,并设置上传文件的大小限制。

3、调用ServletFileUpload.parseRequest方法解析request对象,得到一个保存了所有上传内容的List对象。

4、对list进行迭代,每迭代一个FileItem对象,调用其isFormField方法判断是否是上传文件

?    为普通表单字段,则调用getFieldName、getString方法得到字段名和字段值

?    为上传文件,则调用getInputStream方法得到数据输入流,从而读取上传数据。

2.具体操作

实现的思路:

工具:MySQL,eclipse

首先,在MySQL中创建了两个表,一个t_user表,用来存放用户名,密码等个人信息,

一个t_touxiang表,用来存放上传的图片在服务器中的存放路径,以及图片名字和用户ID,

T_touxiang表中的用户ID对应了t_user中的id。

t_user表SQL:

DROP TABLE IF EXISTS `t_user`;
CREATE TABLE `t_user` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `username` varchar(20) NOT NULL,
  `password` varchar(255) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT

T_touxiang表SQL:

DROP TABLE IF EXISTS `t_touxiang`;
CREATE TABLE `t_touxiang` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `image_path` varchar(255) DEFAULT NULL,
  `user_id` int(11) DEFAULT NULL,
  `old_name` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`),
  KEY `img_user` (`user_id`),
  CONSTRAINT `img_user` FOREIGN KEY (`user_id`) REFERENCES `t_user` (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;  

首先,写一个UploadServlet.java,用来处理图片文件的上传,并将图片路径,图片名称等信息存放到t_touxiang数据表中,代码如下:

package filet;

import java.awt.List;
import java.io.File;
import java.io.IOException;
import java.sql.Date;
import java.util.Iterator;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.tomcat.util.http.fileupload.FileItem;
import org.apache.tomcat.util.http.fileupload.FileUploadException;
import org.apache.tomcat.util.http.fileupload.disk.DiskFileItemFactory;
import org.apache.tomcat.util.http.fileupload.servlet.ServletFileUpload;

public class tr {
    @WebServlet("/UploadServlet.do")
    public class UploadServlet extends HttpServlet {
        private static final long serialVersionUID = 1L;  

        protected void service(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // 判断上传表单是否为multipart/form-data类型
        HttpSession session = request.getSession();
        User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
                                 // 中  

        if (ServletFileUpload.isMultipartContent(request)) {  

            try {
            // 1. 创建DiskFileItemFactory对象,设置缓冲区大小和临时文件目录
            DiskFileItemFactory factory = new DiskFileItemFactory();
            // System.out.println(System.getProperty("java.io.tmpdir"));//默认临时文件夹
          //判断临时目录是否存在(不存在则创建)
                    File f1 = new File(tempPath);
                      if(!f1.isDirectory()){
                          System.out.println("临时文件目录不存在! 创建临时文件目录");
                           f1.mkdir();
                       }
          //设置上传文件的临时目录 区别于默认目录
             factory.setRepository(f1); 

            // 2. 创建ServletFileUpload对象,并设置上传文件的大小限制。
            ServletFileUpload sfu = new ServletFileUpload(factory);
            sfu.setSizeMax(10 * 1024 * 1024);// 以byte为单位 不能超过10M 1024byte =
                             // 1kb 1024kb=1M 1024M = 1G
            sfu.setHeaderEncoding("utf-8");  

            // 3.
            // 调用ServletFileUpload.parseRequest方法解析request对象,得到一个保存了所有上传内容的List对象。
            @SuppressWarnings("unchecked")
            List<FileItem> fileItemList = sfu.parseRequest(request);
            Iterator<FileItem> fileItems = fileItemList.iterator();  

            // 4. 遍历list,每迭代一个FileItem对象,调用其isFormField方法判断是否是上传文件
            while (fileItems.hasNext()) {
                FileItem fileItem = fileItems.next();
                // 普通表单元素
                if (fileItem.isFormField()) {
                String name = fileItem.getFieldName();// name属性值
                String value = fileItem.getString("utf-8");// name对应的value值  

                System.out.println(name + " = " + value);
                }
                // <input type="file">的上传文件的元素
                else {
                String fileName = fileItem.getName();// 文件名称
                System.out.println("原文件名:" + fileName);// Koala.jpg  

                String suffix = fileName.substring(fileName.lastIndexOf(‘.‘));
                System.out.println("扩展名:" + suffix);// .jpg  

                // 新文件名(唯一)
                String newFileName = new Date().getTime() + suffix;
                System.out.println("新文件名:" + newFileName);// image\1478509873038.jpg  

                // 5. 调用FileItem的write()方法,写入文件
                File file = new File("D:/xiaobaiProjects/mySpace/wendao/WebContent/touxiang/" + newFileName);
                System.out.println(file.getAbsolutePath());
                fileItem.write(file);  

                // 6. 调用FileItem的delete()方法,删除临时文件
                fileItem.delete();  

                /*
                 * 存储到数据库时注意 1.保存源文件名称 Koala.jpg 2.保存相对路径
                 * image/1478509873038.jpg
                 *
                 */
                if (user != null) {
                    int myid = user.getId();
                    String SQL = "INSERT INTO t_touxiang(image_path,user_id,old_name)VALUES(?,?,?)";
                    int rows = JdbcHelper.insert(SQL, false, "touxiang/" + newFileName, myid, fileName);
                    if (rows > 0) {
                    session.setAttribute("image_name", fileName);
                    session.setAttribute("image_path", "touxiang/" + newFileName);
                    response.sendRedirect(request.getContextPath() + "/upImage.html");
                    } else {  

                    }  

                } else {
                    session.setAttribute("loginFail", "请登录");
                    response.sendRedirect(request.getContextPath() + "/login.html");
                }  

                }
            }  

            } catch (FileUploadException e) {
            e.printStackTrace();
            } catch (Exception e) {
            e.printStackTrace();
            }  

        }
        }
    }
}

在完成图片上传并写入数据库的同时,将图片路径通过session的方式发送到HTML界面

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>更换头像</title>

</head>

<body>

         <formaction="UploadServlet.do" method="post"enctype="multipart/form-data">

                     本地目录:<inputtype="file" name="uploadFile">

           <img src="${image_path}" width="200" height="200">

                <inputtype="submit" value="上传头像"/>

   </form>

</body>

</html>

至此,图片上传数据库和本地服务器已经实现,那么如何在HTML界面显示出个人信息以及上传的头像呢?

首先定义一个PersonServlet类,用来读取数据库的内容,并发送到HTML界面。

代码如下:

@WebServlet("/persons.do")
public class PersonServlet extends HttpServlet {

    private static final long serialVersionUID = -800352785988546254L;

    protected void service(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    // 判断上传表单是否为multipart/form-data类型
    Touxiang tx=null;

    HttpSession session = request.getSession();
    User user = (User) session.getAttribute("user"); // 在登录时将 User 对象放入了 会话
    if(user!=null){
        int myid=user.getId();
        String SQL="SELECT id,image_path,old_name FROM t_touxiang WHERE user_id=?";
        ResultSet rs=JdbcHelper.query(SQL,myid);
        String uSQL="SELECT username,password FROM t_user WHERE id=?";
        ResultSet urs=JdbcHelper.query(uSQL,myid);
        System.out.println( "我的个人id是: " + myid);
        final List<Touxiang> touxiang=new ArrayList<>();
        try {
        if(rs.next())
        {
            tx=new Touxiang();
            tx.setId(rs.getInt(1));
            tx.setImage_path(rs.getString(2));
            tx.setOld_name(rs.getString(3));
            touxiang.add(tx);
        }
        if(urs.next()){
            user.setUsername(urs.getString(1));
            user.setPassword(urs.getString(2));
            user.setTouxiang(touxiang);
        }

        } catch (SQLException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
        }

        session.setAttribute("user", user);
        System.out.println( "我的id: " + myid);
        response.sendRedirect( request.getContextPath() + "/person.html");
    }
    }
}

在HTML界面接收信息,并显示出来,代码如下:

<span style="white-space:pre;">    </span><div>
    <form action="UploadServlet.do" method="post" enctype="multipart/form-data">
               <div><a href="$path/upImage.html">更换头像</a></div>

            #foreach( $ut in  $user.getTouxiang() )
             <img src=" $ut.getImage_path()"  width="200" height="200">
             #end
             <div>我的头像:</div>
             <div>我的姓名:$user.getUsername()</div>
             <div><a href="$path/myAnswer.do">我的解答</a></div>
        <div><a href="$path/myQuestion.do">我的提问</a></div>
   <span style="white-space:pre;">    </span> </form>
    </div>

至此,一个基于Java的头像上传服务器,路径存储在MySQL,并在HTML界面读取出来的功能就基本实现了。头像上传之前进行处理等操作,可以选择一些插件来完成。这里只是简单的实现了基本功能。

3.下载

通过Servlet下载文件的原理是通过servlet读取目标程序,将资源返回客户端。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>通过链接下载文件</h1>
<a href="/xiaobai/download/cors.zip">压缩包</a>
<a href="/xiaobai/download/1.png">图片</a>
<h1>通过servlet程序下载文件</h1>
<a href="/xiaobai/ServletDownload?filename=cors.zip">压缩包</a>
<a href="/xiaobai/ServletDownload?filename=1.png">图片</a>
</body>
</html>
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class ServletDownload
 */
@WebServlet(asyncSupported = true, urlPatterns = { "/ServletDownload" })
public class ServletDownload extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public ServletDownload() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub

        //获得请求文件名
        String filename = request.getParameter("filename");
        System.out.println(filename);

        //设置文件MIME类型
        response.setContentType(getServletContext().getMimeType(filename));
        //设置Content-Disposition
        response.setHeader("Content-Disposition", "attachment;filename="+filename);
        //读取目标文件,通过response将目标文件写到客户端
        //获取目标文件的绝对路径
        String fullFileName = getServletContext().getRealPath("/download/" + filename);
        //System.out.println(fullFileName);
        //读取文件
        InputStream in = new FileInputStream(fullFileName);
        OutputStream out = response.getOutputStream();

        //写文件
        int b;
        while((b=in.read())!= -1)
        {
            out.write(b);
        }

        in.close();
        out.close();
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
    }

}

补充

对于图片上传,这里只是简单的用Servlet实现了一下最基本的功能,仅提供思路。如果使用spring等框架,他都对图片上传做了很好的封装,应该更加容易。

后台实现图片上传应该来说比较容易,但是比较头疼的是图片上传原生的按钮丑出天际,这里推荐俩实用的上传控件,应该算比较好看。

1,H5实现的图片上传,可多张上传,可点击可拖拽上传

基本的使用介绍和下载地址:http://blog.csdn.net/weixin_36380516/article/details/70352689

2,jQuery图像裁剪插件,大概长这样

不仅提供上传,还有裁剪等功能,UI做的也美,

地址:http://www.jq22.com/jquery-info318

原文地址:https://www.cnblogs.com/charlypage/p/9064941.html

时间: 2024-11-05 19:01:06

web操作文件的上传到服务器 并且读取出来的相关文章

Web大文件(夹)上传(断点续传)控件-Xproer.HttpUploader6

版权所有 2009-2017荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webapp/up6.2/index.asp 在线演示:http://www.ncmem.com/products/up6.3/index.htm 产品介绍:http://www.cnblogs.com/xproer/archive/2012/10/26/2741264.html 升级日志:http://www.cnblogs.

Myeclipse中文件已经上传到服务器目录下,文件也没有被占用,但是页面中无法读取和使用问题的解决方法

这个问题是由于Myeclipse中文件不同步引起的.在Myeclipse中,工程文件是由Myeclipse自动扫描添加的,如果在外部修改了工程目录中的文件但又关闭了自动刷新功能,则会引起文件不同步.此外,在外部没有修改Myeclipse工程中的文件也有可能引起该问题. 解决方法: 有两种解决方法: 1)手动刷新.即在Myeclipse的工程目录中,右键refresh(或者按下F5). 2)配置Myeclipse的选项: a)Myeclipse启动时,刷新workspace,即勾选:window-

Java web开发——文件的上传和下载

一. 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传:支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传.刷新页面后继续传输.关闭浏览器后保留进度信息. 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹层级结构与本地相同. 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验:支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构. 支持断点续传,关闭浏览器或刷新浏览

HTML5 文件域+FileReader 分段读取文件并上传到服务器(六)

说明:使用Ajax方式上传,文件不能过大,最好小于三四百兆,因为过多的连续Ajax请求会使后台崩溃,获取InputStream中数据会为空,尤其在Google浏览器测试过程中. 1.简单分段读取文件为Blob,ajax上传到服务器 <div class="container"> <div class="panel panel-default"> <div class="panel-heading">分段读取文件

java web 实现文件夹上传(保留目录结构)

javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/UploadServlet" method="post" enctype="multipart/form-data"> <

.net web开发——文件的上传和下载

以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载. 准备文件上传的API #region 文件上传  可以带参数 [HttpPost("upload")] public JsonResult uploadProject(IFormFile file, string userId) { if (file != null) { var fileDir = "D:\\aaa"

web开发——文件的上传和下载

众所皆知,web上传大文件,一直是一个痛.上传文件大小限制,页面响应时间超时.这些都是web开发所必须直面的. 本文给出的解决方案是:前端实现数据流分片长传,后面接收完毕后合并文件的思路. 实现文件夹上传,要求:服务端保留层级结构,支持10w级别的文件夹上传. 大文件上传及断点续传,要求:支持50G级的单个文件上传和续传.续传要求:在刷新浏览器后能够续传上传,在重启浏览器后能够继续上传上(关闭浏览器后重新打开),在重启电脑后能够继续上传. 支持PC端全平台,Windows,Mac,Linux 浏

从网络中获取文件,上传到服务器

1 /** 2 * 模拟form表单的形式 ,上传文件 以输出流的形式把文件写入到url中,然后用输入流来获取url的响应 3 * 4 * @param url 5 * 请求地址 form表单url地址 6 * @param filePath 7 * 文件在服务器保存路径 8 * @return JSONObject 9 * url的响应信息返回值 10 * @throws IOException 11 * 文件不存在 12 */ 13 public static JSONObject send

Android使用OKHttp库实现视频文件的上传到服务器

目录 1 服务器接口简介 2 Android端代码实现 2.1 xml布局文件 2.2 Activity类 2.3 Okhttp网络通信类 1 服务器接口简介 此处我使用的服务器接口是使用Flask编写,具体实现代码: # -*- coding: utf-8 -*- from flask import Flask, render_template, jsonify, request import time import os import base64 app = Flask(__name__)