multipart方式上传图片(HttpURLConnection)

上一篇写了如何拍照截图的功能，接下来就是如何上传照片的问题。

如果你们公司的需求是把图片上传至七牛，只需要使用七牛的sdk就可以上传到七牛，基本也不需要自己来操作。

但是如果你也遇到了一个需求：就是需要把图片上传到自己的服务器（后台同学只写了：multipart上传），如果不了解http协议的话，可能就有点晕了，这是什么鬼。

关于什么是mutipart方式上传，先上两张图，来直观的看一下。（参考：https://imququ.com/post/four-ways-to-post-data-in-http.html）

Request Header参考：http://kb.cnblogs.com/page/92320/

通过上面的图片，可以很直观的看到上传一个文件时候的POST参数以及Request Headers的内容。

其中就有：Content-Type multipart/form-data; boundary=-----------------------------23659361659

我们使用表单上传文件时，必须让 <form> 表单的 enctyped 等于 multipart/form-data。所以在上传大文件或图片时，我们就需要设置Content-Type的方式上传。

上面的图片可以看出：

上传文件：test.txt

文件内容为：123test。

这里我们需要关注的是：Content-Disposition:form-data; name="file"; filename = "test.txt"

还可以发现头尾都是"----------------------2396593631659",并且与第一张图的boundary一样。

boundary的作用是用来分割多个文件／表单项的。

上面是上传文件的，下面发两张上传图片的post信息：

通过对比可以发现，区别点在Content-type,上传txt文件时为：text/plain, 而上传图片时为：image/jpeg

Content-Type表明信息类型，缺省值为" text/plain"。它包含了主要类型（primary type）和次要类型（subtype）两个部分，两者之间用"/"分割。主要类型有9种，分别是application、audio、example、image、message、model、multipart、text、video。

每一种主要类型下面又有许多次要类型：

text/plain：纯文本，文件扩展名.txt
text/html：HTML文本，文件扩展名.htm和.html
image/jpeg：jpeg格式的图片，文件扩展名.jpg
image/gif：GIF格式的图片，文件扩展名.gif
audio/x-wave：WAVE格式的音频，文件扩展名.wav
audio/mpeg：MP3格式的音频，文件扩展名.mp3
video/mpeg：MPEG格式的视频，文件扩展名.mpg
application/zip：PK-ZIP格式的压缩文件，文件扩展名.zip

通过上面的介绍，我们可以总结出，如果要模拟表单实现multipart上传，则需要做到以下几点：

1.请求方式post

2.请求头的Content-type为multipart/form-data;boundary=---1293834(任意几个数字);

3. a.请求体中需要先以"-----1293834\r\n(\r\n的作用是换行)"来分隔，

   b.然后写入Content-Disposition:form-data;name="iamge(此处需要与服务器约定)";filename="test.jpg";

   c.Content-Type: image/jpeg(这里根据自己情况来决定)

   d.图片或文件的byte[]数组。

   e.最后以"-----1293834--\r\n"结尾。

4.最后读取服务器的返回信息，来判断是否成功。

  细节决定成败：2中的"---1293834"与3中的"-----1293834"差2个"--"。

下面上一个自己的工具方法吧，可以直接拿来用：

    public static String uploadFile(String uploadUrl, byte[] bbyte) {
        String end = "\r\n";
        String twoHyphens = "--";
        String boundary = "---------------------------823928434";
        try {
            URL url = new URL(uploadUrl);
            HttpURLConnection httpURLConnection = (HttpURLConnection) url.openConnection();
            httpURLConnection.setDoInput(true);
            httpURLConnection.setDoOutput(true);
            httpURLConnection.setUseCaches(false);
            httpURLConnection.setRequestMethod("POST");
            httpURLConnection.setRequestProperty("Connection", "Keep-Alive");
            httpURLConnection.setRequestProperty("Charset", "UTF-8");
            httpURLConnection.setRequestProperty("Content-Type", "multipart/form-data;boundary=" + boundary);
     

            DataOutputStream dos = new DataOutputStream(httpURLConnection.getOutputStream());
            dos.writeBytes(twoHyphens + boundary + end);
            dos.writeBytes("Content-Disposition: form-data; name=\"file1\"; filename=\"test.jpg\"" + end);
            dos.writeBytes(end);
            dos.write(bbyte);
            dos.writeBytes(end);
            dos.writeBytes(twoHyphens + boundary + twoHyphens + end);
            dos.flush();

            // 读取服务器返回结果
            InputStream is = httpURLConnection.getInputStream();
            InputStreamReader isr = new InputStreamReader(is, "utf-8");
            BufferedReader br = new BufferedReader(isr);
            String result = br.readLine();
            Log.i("response", "" + result);
            is.close();
            return  result;

        } catch (Exception e) {
            e.printStackTrace();
        }
        return "";
    }

最后附上一篇比较不错的文章：

http://www.jianshu.com/p/a6d086a3997d