multipart方式上传图片(HttpURLConnection)

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

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

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


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


multipart方式上传图片(HttpURLConnection)_第1张图片

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


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

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

我们使用表单上传文件时,必须让

表单的 enctyped 等于 multipart/form-data。所以在上传大文件或图片时,我们就需要设置Content-Type的方式上传


multipart方式上传图片(HttpURLConnection)_第2张图片

上面的图片可以看出:

上传文件: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

你可能感兴趣的:(Android干货分享)