zoukankan      html  css  js  c++  java
  • 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);// image1478509873038.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

  • 相关阅读:
    [Angularjs]视图和路由(一)
    [Angularjs]ng-show和ng-hide
    解决UNIGUI字体太小的问题
    [FireDAC][Phys][MySQL] MySQL server has gone away
    unidbgrid列排序
    在盒子(2CCC)的日子
    咏南MORMOT中间件免费开源
    unidbgrid单元格操作
    国内安卓软件的恶劣环境
    DELPHI纤程的演示
  • 原文地址:https://www.cnblogs.com/charlypage/p/9064941.html
Copyright © 2011-2022 走看看