Android之文件上传原理

个人主页:http://shiyiliang.cn

基本原理

我们知道,在浏览器中,我们上传文件时,是这样的(jsp)实现:

 <form action="/blog/upload" method="post" enctype="multipart/form-data">
    <input type="text" name="token"><br/>
    <input type="file" name="uploadFile">
    <input type="submit" value="Upload File">
  </form>

我们需要指定表单的方法类型,这里一般是post,enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码,一般有如下几种:

  • application/x-www-form-urlencoded:在发送前编码所有字符(默认)
  • multipart/form-data: 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。
  • text/plain: 空格转换为 "+" 加号,但不对特殊字符编码。

当点击上传时,可以打开浏览器的网络调试,查看请求体中的数据如下:

------WebKitFormBoundaryT1HoybnYeFOGFlBR
Content-Disposition: form-data; name="token"

xjjdke2m5hkjk3j3k43
------WebKitFormBoundaryT1HoybnYeFOGFlBR
Content-Disposition: form-data; name="file"; filename="ss.jpg"
Content-Type: image/jpeg

....jpg的二进制数据...
------WebKitFormBoundaryT1HoybnYeFOGFlBR--

从请求中的数据可以看出,请求体中,把所有的数据封装起来,使用------WebKitFormBoundaryT1HoybnYeFOGFlBR来进行隔开,不同类型,一些指定的参数也不一样:

  • 如果是简单的键值对,需要指定Content-Disposition也就是内容的描述,同时指定名字和值,也即是name的值以及与其对应的值(这里是token的值)
  • 如果是文件的话,不仅要指定内容的描述,name值,还要指定文件的名称filename,内容的类型(如这里传的图片类型),图片的二进制数据

浏览器把这些数据封装到固定的格式后,发送给服务端,而服务端在接受到请求之后,会以这个Boundary的值来分割获取传送过来的值,从而进行处理。

Android如何来上传文件(不用框架)

我们知道Android开发时,不像浏览器,会自动的组装这些数据,那么我们在不使用现成的网络请求框架的情况下,如何上传数据呢?
答案很明晰那里 ,只要我们模仿浏览器的行为,人为的把这些数据封装成跟浏览器的一样,放到请求体中,不就可以正常上传了。不多说~~,直接上[lisdye2的使用的代码]例子:

/**
 * 文件表单上传
 */
public class FileUpLoadTest {

    // 分割符
    private static final String BOUNDARY = "----WebKitFormBoundaryT1HoybnYeFOGFlBR";


    /**
     * HttpUrlConnection 实现文件上传
     * @param params 普通参数
     * @param fileFormName 文件在表单中的键
     * @param uploadFile 上传的文件
     * @param newFileName 文件在表单中的值(服务端获取到的文件名)
     * @param urlStr url
     * @throws IOException
     */
    public static void uploadForm(Map<String, String> params, String fileFormName, File uploadFile, String newFileName,
            String urlStr) throws IOException {

        if (newFileName == null || newFileName.trim().equals("")) {
            newFileName = uploadFile.getName();
        }
        //开始拼接数据
        StringBuilder sb = new StringBuilder();
        /**
         * 普通的表单数据
         */
        if (params != null) {
            for (String key : params.keySet()) {
                sb.append("--" + BOUNDARY + "\r\n");
                sb.append("Content-Disposition: form-data; name=\"" + key + "\"" + "\r\n");
                sb.append("\r\n");
                sb.append(params.get(key) + "\r\n");
            }
        }

        /**
         * 上传文件的头
         */
        sb.append("--" + BOUNDARY + "\r\n");
        sb.append("Content-Disposition: form-data; name=\"" + fileFormName + "\"; filename=\"" + newFileName + "\""
                + "\r\n");
        sb.append("Content-Type: image/jpeg" + "\r\n");// 如果服务器端有文件类型的校验,必须明确指定ContentType
        sb.append("\r\n");

        byte[] headerInfo = sb.toString().getBytes("UTF-8");
        byte[] endInfo = ("\r\n--" + BOUNDARY + "--\r\n").getBytes("UTF-8");


        URL url = new URL(urlStr);
        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
        conn.setRequestMethod("POST");
        // 设置传输内容的格式,以及长度
        conn.setRequestProperty("Content-Type", "multipart/form-data; boundary=" + BOUNDARY);
        conn.setRequestProperty("Content-Length",
                String.valueOf(headerInfo.length + uploadFile.length() + endInfo.length));
        conn.setDoOutput(true);

        OutputStream out = conn.getOutputStream();
        InputStream in = new FileInputStream(uploadFile);
        // 写入头部 (包含了普通的参数,以及文件的标示等)
        out.write(headerInfo);
        // 写入文件
        byte[] buf = new byte[1024];
        int len;
        while ((len = in.read(buf)) != -1) {
            out.write(buf, 0, len);
        }
        // 写入尾部
        out.write(endInfo);
        in.close();
        out.close();
        if (conn.getResponseCode() == 200) {
            System.out.println("文件上传成功");
        }
    }

    public static void main(String[] args) throws IOException {
        //上传的文件
        File file = new File("ss.png");
        // 普通参数
        HashMap<String , String> params = new HashMap<>();
        params.put("user", "admin");

        uploadForm(params, "file", file, "ss.jpg", "http://localhost:8080/Web/UploadFile");

    }

}

上面的代码还是比较简单的,相信大部分人,都能够看懂。其基本的原理就是按照顺序,不断的把数据拼接成服务器能够识别的格式也就是上面讲的格式,然后传递给服务端,让其解析处理即可。

总结思考:如果自己想封装一个上传的框架或者工具类,一般会做哪些工作呢?
从上面例子我们可以看到,上传的数据一般分为:键值对和文件两类,如果封装成一个框架,只需要把外面要传入的键值对即键值对的namevalue对外暴露。如果是文件,那只要指定文件的路径,文件的名称(filename),文件的类型(Content-type),而我们把拼接流程和请求的流程封装起来,不就完成了封装了吗~~

如果想知道框架是怎么上传文件的,可以看下[Retrofit学习之文件上传]

如果你觉得文章让你有一些收获,你就关注一下~。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,807评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,633评论 18 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 相思深远,天涯皆远。一缕叶落秋风残。多少红尘过客,多少过往云烟,一声离别,天涯流散,彩蝶水袖舞清风。终是把思...
    张莘妍阅读 470评论 0 0
  • 玩砸了!本来设计个可帅气的发型,这个刀子没玩顺手,一下少了一缕,性情上来了,妈的,剃了!自古以来光头是最帅气的发型...
    纵情嬉戏天地间阅读 162评论 0 0