Android学习之客户端上传图片到服务器

根据项目需求，需要上传相册和拍照的图片，参考和借鉴了别人的资料和代码，简单地功能实现了。

一、 HTTP   multipart/form-data—— 上传报文格式

我们来了解下Android客户端如何通过HTTP协议来将图片上传到服务器。我们先来了解下 HTTP   multipart/form-data， 上传报文格式 。

假设接收文件的网页程序是http://172.31.8.6:8080/fileUpload/file_upload。假设我们要发送一个图片文件，文件名为“iamge.jpg”。

首先，客户端成功链接172.31.8.6后，会发送如下的HTTP请求：

      POST/http://172.31.8.6:8080/fileUpload/file_upload HTTP/1.1 
　　Accept: text/plain, */* 
　　Accept-Language: zh-cn 
　　Host: 172.31.8.6
　　Content-Type:multipart/form-data;boundary=-----------------------------7db372eb000e2
　　User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
　　Content-Length: 3693
　　Connection: Keep-Alive
　　-------------------------------7db372eb000e2
　　Content-Disposition: form-data; name="img"; filename="image.jpg"
　　Content-Type: image/jpeg
　　(此处省略jpeg文件二进制数据...）
　　-------------------------------7db372eb000e2--

此内容必须一字不差，包括最后的回车，红色字体部分就是协议的头。给服务器上传数据时，并非协议头每个字段都得说明，其中，content-type是必须的，它包括一个类似标志性质的名为boundary的标志，它可以是随便输入的字符串。对后面的具体内容也是必须的。它用来分辨一段内容的开始。Content-Length: 3693 ，这里的3693是要上传文件的总长度。绿色字体部分就是需要上传的数据，可以是文本，也可以是图片等。数据内容前面需要有Content-Disposition, Content-Type以及Content-Transfer-Encoding等说明字段。最后的紫色部分就是协议的结尾了。

注意这一行：

　　 Content-Type: multipart/form-data; boundary=---------------------------7db372eb000e2　　

　　根据 rfc1867, multipart/form-data是必须的. 

　　---------------------------7db372eb000e2 是分隔符，分隔多个文件、表单项。其中b372eb000e2 是即时生成的一个数字，用以确保整个分隔符不会在文件或表单项的内容中出现。Form每个部分用分隔符分割，分隔符之前必须加上"--"着两个字符(即--{boundary})才能被http协议认为是Form的分隔符，表示结束的话用在正确的分隔符后面添加"--"表示结束。

　　前面的 ---------------------------7d 是 IE 特有的标志,Mozila 为---------------------------71. 

　　每个分隔的数据的都可以用Content-Type来表示下面数据的类型，可以参考rfc1341( http://www.ietf.org/rfc/rfc1341.txt)

　　例如 ：Contect-Type:image/jpeg 表示下面的数据是jpeg文件数据。

二、客户端源码

MainActivity.java

package com.fg.activity;
import java.io.BufferedReader;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.HashMap;
import java.util.Map;

import android.app.Activity;
import android.app.ProgressDialog;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.fg.util.UploadUtil;
import com.fg.util.UploadUtil.OnUploadProcessListener;

/**
 * @author ICQwlj<br>
 * Email :wlj250237@126.com<br>
 * 说明：主要用于选择文件和上传文件操作
 */
public class MainActivity extends Activity implements OnClickListener,OnUploadProcessListener{
     
	private static final String TAG = "uploadImage";
	
	/**
	 * 去上传文件
	 */
	protected static final int TO_UPLOAD_FILE = 1;  
	/**
	 * 上传文件响应
	 */
	protected static final int UPLOAD_FILE_DONE = 2;  //
	/**
	 * 选择文件
	 */
	public static final int TO_SELECT_PHOTO = 3;
	/**
	 * 上传初始化
	 */
	private static final int UPLOAD_INIT_PROCESS = 4;
	/**
	 * 上传中
	 */
	private static final int UPLOAD_IN_PROCESS = 5;
	/***
	 * 这里的这个URL是我服务器的javaEE环境URL
	 */
	private static String requestURL = "http://172.31.8.6:8080/fileUpload/file_upload";
	private Button selectButton,uploadButton;
	private ImageView imageView;
	private TextView uploadImageResult;
	
	private String picPath = null;
	private ProgressDialog progressDialog;
	
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
     
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        initView();
    }
    
    /**
     * 初始化数据
     */
	private void initView() {
     
        selectButton = (Button) this.findViewById(R.id.selectImage);
        uploadButton = (Button) this.findViewById(R.id.uploadImage);
        selectButton.setOnClickListener(this);
        uploadButton.setOnClickListener(this);
        imageView = (ImageView) this.findViewById(R.id.imageView);
		uploadImageResult = (TextView) findViewById(R.id.uploadImageResult);
        progressDialog = new ProgressDialog(this);        
	}

	@Override
	public void onClick(View v) {
     
		switch (v.getId()) {
     
		case R.id.selectImage:
			Intent intent = new Intent(this,SelectPicActivity.class);
			startActivityForResult(intent, TO_SELECT_PHOTO);
			break;
		case R.id.uploadImage:
			if(picPath!=null)
			{
     
				handler.sendEmptyMessage(TO_UPLOAD_FILE);
			}else{
     
				Toast.makeText(this, "上传的文件路径出错", Toast.LENGTH_LONG).show();
			}
			break;
		default:
			break;
		}
	}

	@Override
	protected void onActivityResult(int requestCode, int resultCode, Intent data) {
     
		if(resultCode==Activity.RESULT_OK && requestCode == TO_SELECT_PHOTO)
		{
     
			picPath = data.getStringExtra(SelectPicActivity.KEY_PHOTO_PATH);
			Log.i(TAG, "最终选择的图片="+picPath);
			Bitmap bm = BitmapFactory.decodeFile(picPath);
			imageView.setImageBitmap(bm);

			//更新图库
			Uri localUri = Uri.fromFile(new File(picPath));
			    Intent localIntent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, localUri);
			    sendBroadcast(local