文件上传的实现

最新推荐文章于 2024-05-04 09:16:43 发布
最新推荐文章于 2024-05-04 09:16:43 发布
阅读量481 收藏 1
点赞数 1
分类专栏： java php Spring 文章标签： java ajax php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shushanfx/article/details/51821092
版权
java 同时被 3 个专栏收录
5 篇文章 0 订阅
订阅专栏
Spring
3 篇文章 0 订阅
订阅专栏
php
2 篇文章 0 订阅
订阅专栏

文件上传实现

标签（空格分隔）： fileupload ajax php java

概述

文件上传是最古老的互联网操作之一。
最早的HTTP POST是不支持文件上传的，给编程开发带来很多问题。但是在1995年，ietf出台了rfc1867,也就是《RFC 1867 -Form-based File Upload in HTML》，用以支持文件上传。所以Content-Type的类型扩充了multipart/form-data用以支持向服务器发送二进制数据。因此发送post请求时候，表单属性enctype共有二个值可选，这个属性管理的是表单的MIME编码：
① application/x-www-form-urlencoded(默认值)
② multipart/form-data
其实form表单在你不写enctype属性时，也默认为其添加了enctype属性值，默认值是enctype=”application/x- www-form-urlencoded”.

传统形式

ajax出现之前，只能通过最传统的form表单，form表单配置enctype并包含input标签。如下：

<form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data" >
    <input type="file" id="upload" name="upfile" /> <br />
    <input type="submit" value="upload" name="platform"/>
</form>

展现形式如下：
image_1amq13pdoauu60972u1qo0i1r9.png-3.1kB
点击【Upload】按钮，即可将文件提交至upload.php.

ajax形式

之前文件已经讨论过，参见[论浏览器的局部刷新][2]

传输分析

通过Chrome的开发人员工具可以查看文件上传的网络传输情况，如下图：
image_1amq19cde1c4l1pp3mgce5v1d6nm.png-105kB
浏览器发送了一个POST请求,请求头中的Content-Type、Content-Length尤为重要，如下:

Content-Type:multipart/form-data; boundary=—-WebKitFormBoundary2WqHnU60gxoCkr4C
Content-Length: 288

请求体(body部分）如下：

——WebKitFormBoundary2WqHnU60gxoCkr4C
Content-Disposition: form-data; name=”upfile”; filename=””
Content-Type: application/octet-stream

——WebKitFormBoundary2WqHnU60gxoCkr4C
Content-Disposition: form-data; name=”platform”

upload
——WebKitFormBoundary2WqHnU60gxoCkr4C–

可以看出，content-type的multipart/form-data指示了当前post请求传输的是文件的二进制流，boundary指定了分隔符，body中的各字段直接通过boundary进行分割。在本例中，body中包含upfile、platform两个字段。
服务端收到前端POST请求后，使用特殊的处理逻辑进行处理，下面我们分别介绍使用php和使用java来处理上传逻辑。

PHP处理

php处理文件上传相对来说比较简单，也是我见过处理起来最为简单的一个语言（接触后端语言有限，暂时作此评价）。只需要通过$_FILES即可获取指定的上传文件，代码如下：

<html>
<head></head>
<body>
<form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data">
    <input type="file" id="upload" name="upload">
    <input type="submit" value="Upload">
</form>
<?php
if(is_uploaded_file($_FILES['upload']['tmp_name'])){
    $upfile=$_FILES["upload"];
    //获取数组里面的值
    $name=$upfile["name"];//上传文件的文件名
    $type=$upfile["type"];//上传文件的类型
    $size=$upfile["size"];//上传文件的大小
    $tmp_name=$upfile["tmp_name"];//上传文件的临时存放路径
    echo "fileNames -> upload|".$name."|".$size;
    echo "<br />"
}
?>
</body></html>

代码分析

  1. 通过$_FILES获取指定的文件对象；
  2. 通过系统函数is_uploaded_file(file)来判断文件是否是上传文件，确保而已的用户无法欺骗脚本去访问不能访问的文件，例如/etc/passwd；
  3. 直接通过属性name、type、size即可获取文件的属性值。

总结
无需借助任何框架，直接通过系统代码即可实现文件上传的功能，怎一个“赞”字了得。当然，搭建一个完整的服务只靠一个php文件肯定是不行的，具体细节会另外具文讨论。

java处理

springMVC处理

java在servlet3.0之前，处理文件文件上传比较复杂，一般会借助第三方库，下面介绍通过springMVC + FileUpload 来实现文件上传。

package com.shushanfx.uploadspring;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.LinkedList;
import java.util.List;

/**
 * Created by shushanfx on 2016/7/4.
 */
@Controller
public class UploadController {
    @RequestMapping(value = "/upload.php", method = RequestMethod.POST)
    public void upload(@RequestParam MultipartFile[] upload, HttpServletRequest req, HttpServletResponse resp) throws IOException {
        List<String> fileNames = new LinkedList<String>();
        if(upload!=null){
            for(MultipartFile file : upload){
                String fileName = file.getName();
                if(fileName!=null){
                    fileNames.add(fileName + "|" + file.getOriginalFilename() + "|" + file.getSize());
                    file.transferTo(new File(file.getOriginalFilename()));
                }
            }
            req.setAttribute("fileNames", fileNames);
        }
        upload(req, resp);
    }

    @RequestMapping(value="/upload.php", method = RequestMethod.GET)
    public void upload(HttpServletRequest req, HttpServletResponse resp) throws IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        PrintWriter out = resp.getWriter();
        out.println("<html>");
        out.println("<body>");
        out.println("<form id=\"upload-form\" action=\"upload.php\" method=\"post\" enctype=\"multipart/form-data\">\n" +
                "    <input type=\"file\" id=\"upload\" name=\"upload\" />\n" +
                "    <input type=\"submit\" value=\"Upload\" />\n" +
                "</form>");
        if(req.getAttribute("fileNames")!=null){
            out.println("fileNames -> ");
            List<String> list = (List<String>) req.getAttribute("fileNames");
            for(String item : list){
                out.print(item + "&nbsp;");
            }
            out.println("<br />");
        }
        out.println("</body>");
        out.println("</html>");
    }
}

代码分析

  1. 定义一个Controll使用注解的方式；
  2. 分别定义GET请求和POST请求的处理方式；
  3. POST请求通过MutipartFile[]参数获取；
  4. 解析Multipart参数

总结
使用springMVC的方式，java代码只是其中一部分，配置文件是其中一大部分。详细代码另外具文讨论。

servlet3.0原生态处理

在servlet3.0出现之后，事情就变得简单多了，我们可以通过如下代码完成文件上传。

package com.shushanfx.servlet30;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebInitParam;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Collection;
import java.util.Iterator;
import java.util.LinkedList;
import java.util.List;

/**
 * Created by shushanfx on 2016/7/4.
 */
@WebServlet(name = "uploadServlet", urlPatterns = "/upload.php",
        loadOnStartup = 1, initParams = {
        @WebInitParam(name = "name", value = "shushanfx提醒您<br />")
})
@MultipartConfig(
        location = "upload",  //文件存放路径，指定的目录必须存在，否则会抛异常
        maxFileSize = 8388608,  //最大上传文件大小,经测试应该是字节为单位
        fileSizeThreshold = 819200, //当数据量大于该值时，内容将被写入文件。（specification中的解释的大概意思，不知道是不是指Buffer size），大小也是已字节单位
        maxRequestSize = 8 * 1024 * 1024 * 6 //针对该 multipart/form-data 请求的最大数量，默认值为 -1，表示没有限制。以字节为单位。
)
public class UploadServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        resp.setCharacterEncoding("UTF-8");
        ServletConfig config = getServletConfig();
        PrintWriter out = resp.getWriter();
        out.println("<html>");
        out.println("<body>");
        out.println(config.getInitParameter("name"));
        out.println("<form id=\"upload-form\" action=\"upload.php\" method=\"post\" enctype=\"multipart/form-data\">\n" +
                "    <input type=\"file\" id=\"upload\" name=\"upload\" />\n" +
                "    <input type=\"submit\" value=\"Upload\" />\n" +
                "</form>");
        if(req.getAttribute("fileNames")!=null){
            out.println("fileNames -> ");
            List<String> list = (List<String>) req.getAttribute("fileNames");
            for(String item : list){
                out.print(item + "&nbsp;");
            }
            out.println("<br />");
        }
        out.println("</body>");
        out.println("</html>");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        List<String> fileNames = new LinkedList<String>();
        req.setCharacterEncoding("UTF-8");
        Collection<Part> parts = req.getParts();
        //遍历所有的表单内容，将表单中的文件写入上传文件目录
        for (Iterator<Part> iterator = parts.iterator(); iterator.hasNext();) {
            Part part = iterator.next();
            //从Part的content-disposition中提取上传文件的文件名
            String fileName = part.getName();

            if(fileName!=null){
                fileNames.add(fileName + "|" + part.getSubmittedFileName() + "|" + part.getSize());
                part.write(fileName);
            }
        }
        req.setAttribute("fileNames", fileNames);
        //显示上传的文件列表
        doGet(req, resp);
    }
}

代码分析

  1. 使用Servlet3.0的注解@WebService，实现Servlet的自动注册（妈妈再也不用担心你的web.xml配置).
  2. 使用MultipartConfig注解，通知容器在处理POST请求之前解析BODY，分离文件和普通字段；
  3. 通过req.getParts()获取文件上传列表；
  4. 遍历列表，每个Part对象表示一个文件。具体API可以参考Part

总结
很显然，使用servlet3.0文件上传比使用spring上传要方便得多，如果有条件的话，可以考虑使用该方式。具体代码可以参考

参考文献：

  1. 文件上传：http://www.ruanyifeng.com/blog/2012/08/file_upload.html
  2. is_uploaded_file: http://www.w3school.com.cn/php/func_filesystem_is_uploaded_file.asp
  3. Servlet3.0新特性——文件上传接口： http://pisces-java.iteye.com/blog/723125
  4. Servlet3.0新特性详解： https://www.ibm.com/developerworks/cn/java/j-lo-servlet30/
  5. Part: http://tool.oschina.net/uploads/apidocs/javaEE6/javax/servlet/http/Part.html
shushanfx
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
文件上传功能的实现1(采用自编写的JavaBean组件)
a1304317638的专栏
11-29 350
1.package org.tjitcast.demo; import javax.servlet.http.HttpServletRequest; import javax.servlet.ServletInputStream; import java.util.Hashtable; import java.io.PrintWriter; import java.io.Buff
ruoyi实现大文件上传
04-24
ruoyi实现大文件上传
文件上传原理实现
likaiwalkman@csdn - Code Study Area
08-16 547
文件上传原理实现 客户端浏览器是怎样上传数据的呢？服务器端如何接收上传的文件数据？ 级别： 初级 王延成 (王延成), 作者/编者,  2004 年 9 月 01 日 文章主要描述http表单上传二进制数据流规范的简单实现 （一）关于Form表单上传文件规范   总结个人在对新技术、新事物的学习和解决问题的过程，深刻体会到多理解掌握技术基础理论知识再加上相应的实践，的确能
网络基础之Content-Disposition
最新发布
2401_84002271的博客
05-04 1234
为什么我不完全主张自学？①平台上的大牛基本上都有很多年的工作经验了，你有没有想过之前行业的门槛是什么样的，现在行业门槛是什么样的？以前企业对于程序员能力要求没有这么高，甚至十多年前你只要会写个“Hello World”，你都可以入门这个行业，所以以前要入门是完全可以入门的。②现在也有一些优秀的年轻大牛，他们或许也是自学成才，但是他们一定是具备优秀的学习能力，优秀的自我管理能力（时间管理，静心坚持等方面）以及善于发现问题并总结问题。
文件上传基础实现
时光
06-11 577
文件上传基础实现
文件上传实现
Massimo__JAVA的博客
10-28 1144
文件上传实现
layui文件上传实现代码
08-30
Layui文件上传实现代码详解 layui是一个非常popular的前端UI框架，今天我们来详细介绍layui文件上传的实现代码，该代码可以为大家提供一定的参考价值，感兴趣的小伙伴们可以参考一下。 首先，我们来看一下layui...
Thinkphp多文件上传实现方法
10-25
主要介绍了Thinkphp多文件上传实现方法,是非常实用的技巧,需要的朋友可以参考下
java图形化实现文件上传
09-25
利用java图形化界面和网络编程相结合实现的--文件上传。 运行步骤： （1）分别运行工程两个包中的两个.java文件（UploadClient.java和UploadServer.java）分别会弹出“上传客服端”和“上传服务器”两个窗口。 ...
servlet文件上传实现进度条提示
06-08
servlet实现文件上传的时候，当文件较大的时候，会有文件上传的进度条提示，使用的原理是使用jquery的异步请求，在jsp页面设置定时器，每隔一段时间获取文件上传监听器同步到session中的最新的上传信息。
java完整实现各种类型的文件上传和下载
06-06
此项目为web项目，需要部署在Tomcat6.0中。此项目用fileupload实现了文件上传，实现了遍历磁盘目录下及其子目录中的内容，并提供下载。 一、文件上传部分 1.访问地址为 http://localhost/UploadAndDownload/index.jsp 2.点击页面上的加一个会增加一个上传按钮，实现同时上传多个文件。 3.如果是eclipse开发工具，上传之后的文件保存在路径D:\develop\resource\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\UploadAndDownload\WEB-INF\upload 4.其中D:\develop\resource为项目所在的路径。 5.读者可以通过在这条代码前面通过断点来查看eclipse运行环境下的文件上传之后保存的路径。String path = this.getServletContext().getRealPath("/WEB-INF/upload"); 二、文件下载部分 1.访问地址一 http://localhost/UploadAndDownload/download.jsp 该地址实现的是通过超链接下载。 2.访问地址二 http://localhost/UploadAndDownload/downloadlist.jsp 该地址实现的是通过后台代码实现下载。 3.在访问地址二时，会遍历本地电脑中的一个文件夹，改文件夹在我自己电脑上的位置是D://music（该地址是在downloadlist.jsp中设置的），读者需要根据自身情况来设置文件夹的路径。
文件上传功能的实现
持续努力,一定会有好结果
07-21 429
前端页面URL分析 如果前端逻辑都已经写好了，就按F12，然后点击文件上传按钮，查看Network下左边的的信息，然后找到RequestURL，查看带的参数，然后根据URL写后端逻辑。 封装文件上传的数据VO-ImageVO 为什么要封装数据？一般需要在页面显示的数据都需要封装，方便前端调用，成功时就显示数据，失败时就报出相应的错误 先创建封装类 @Data @Accessors(chain = true) @NoArgsConstructor @AllArgsConstructor public clas
实现文件上传
m0_59651968的博客
07-26 164
1.为保证服务器安全，上传文件应该放在外界无法直接访问到的目录下，比如放到WEB-INF目录下2、为了防止文件覆盖，要为上传文件产生一个唯一的文件名3、限制上传文件的最大值4、可以限制上传文件的类型，在上传文件名时，判断后缀名是否合法5、表单如果包含一个文件上传输入项的话，这个表单的enctype属性就必须设置为multipart/form-data,不对字符编码。
文件上传功能简单实现
v_ccaili的博客
07-12 331
1.前端页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文件上传测试</title> </head> <body> <form action="/li/fileUpload" method="POST" enctype="multipart/form-data"> <input type="file" name="fi
文件上传实现图片裁剪
09-01
文件上传实现图片裁剪可以分为两个步骤：文件上传和图片裁剪。 1. 文件上传： - 在前端页面中添加一个文件上传的表单，用于选择要上传的图片文件。 - 使用后端技术（如PHP、Node.js等）接收前端上传的文件，并将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值