android 利用Okhttp3相册多张图片选择利用GriView显示并且上传到服务器

android 利用Okhttp3相册多张图片选择利用GriView显示并且上传到服务器

上篇文章我写了相册选择器，说白了，就是从相册选择多张图片,利用第三方依赖，只是一个简单的demo，现在我们来看看他的主要用途把，结合OkHttp3起来，写一个大的案例把.

还是再说一下第三方快速实现相册多张图片设置吧。

使用步骤

1. 在project的build.gradle添加如下代码(如下图)

allprojects { repositories { maven { url "https://jitpack.io" } } }

2. 在Module的build.gradle添加依赖

compile 'com.github.open-android:ImageSelector:0.1.0'

3. 配置如下权限（网络权限别忘了加）

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.CAMERA"/>

来先看看效果图：

来看看布局代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.administrator.selectmoreimage.MainActivity">

    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="多图选择" />

    <TextView
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="图片路径"
        android:textSize="20sp" />

    <GridView
        android:id="@+id/lv_grid"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="3"></GridView>
</LinearLayout>

MainActiviti代码如下：

package com.example.administrator.selectmoreimage;

import android.content.Intent;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.GridView;
import android.widget.TextView;
import android.widget.Toast;

import com.scrat.app.selectorlibrary.ImageSelector;

import java.io.File;
import java.io.IOException;
import java.util.List;

import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.MediaType;
import okhttp3.MultipartBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.RequestBody;
import okhttp3.Response;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private static final int REQUEST_CODE_SELECT_IMG = 1;
    private static final int MAX_SELECT_COUNT = 9;
    private TextView mContentTv;//设置图片路径
    private Button btn;
    private File file;
    private TextView content;
    private GridView lv_grid; //三列gridView
    private List<String> path;//路径集合

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mContentTv = (TextView) findViewById(R.id.content);
        btn = (Button) findViewById(R.id.btn);
        btn.setOnClickListener(this);
        content = (TextView) findViewById(R.id.content);
        content.setOnClickListener(this);
        lv_grid = (GridView) findViewById(R.id.lv_grid);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if (requestCode == REQUEST_CODE_SELECT_IMG) {
            showImage(data); //设置图片 跟图片目录
            Log.e("TAG", Environment.getExternalStorageDirectory().getPath().toString());
            uploadImage(data);
            return;
        }
        super.onActivityResult(requestCode, resultCode, data);
    }

    private void uploadImage(Intent data) {

        if (data != null) {
            path = ImageSelector.getImagePaths(data);
            for (int i = 0; i < path.size(); i++) {
                        /*
                        * 从本地文件中读读取图片
                        * */
                String fileName = "";
                file = new File(path.get(i));

                if (file.getName() == null) {

                } else {
                    fileName = getFileName(path.get(i));
                }

                RequestBody requestBody = new MultipartBody.Builder()
                        .setType(MultipartBody.FORM)
                        .addFormDataPart("file", fileName, RequestBody.create(MediaType.parse("image/jpg"), file))
                        .build();

                Request build = new Request.Builder()
                        .url("http://172.16.52.10:8080/UploadDemo4/UploadFile") //TomCat服务器
                        .post(requestBody)
                        .build();

                new OkHttpClient().newCall(build).enqueue(new Callback() {
                    @Override
                    public void onFailure(Call call, IOException e) {


                    }

                    @Override
                    public void onResponse(Call call, Response response) throws IOException {

                        setResult(response.body().string(), true);
                        runOnUiThread(new Runnable() {
                            @Override
                            public void run() {
                                Toast.makeText(MainActivity.this, "上传成功", Toast.LENGTH_SHORT).show();
                            }
                        });
                    }
                });
            }
        }

        MyAdapter adapter = new MyAdapter(path, MainActivity.this);
        lv_grid.setAdapter(adapter);
    }

    private void showImage(Intent data) {
        path = ImageSelector.getImagePaths(data); //集合获取path(这里的path是集合)
        mContentTv.setText(path.toString()+"\n"); //设置图片路径
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn:
                ImageSelector.show(this, REQUEST_CODE_SELECT_IMG, MAX_SELECT_COUNT);
                break;
        }
    }

    public String getFileName(String pathandname) {

        int start = pathandname.lastIndexOf("/");
        if (start != -1) {
            return pathandname.substring(start + 1);
        } else {
            return null;
        }

    }

    private void setResult(String string, final boolean success) {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                if (success) {
                    Toast.makeText(MainActivity.this, "请求成功", Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(MainActivity.this, "请求失败", Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

GridView适配器：

package com.example.administrator.selectmoreimage;

import android.content.Context;
import android.graphics.BitmapFactory;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.squareup.picasso.Picasso;

import java.util.List;

public class MyAdapter extends BaseAdapter {

    private List<String> path;
    private Context context;

    public MyAdapter(List<String> path, Context context) {
        this.path = path;
        this.context = context;
    }

    @Override
	public int getCount() {
		// TODO Auto-generated method stub
		return path.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		return path.get(position);
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		
		ViewHolder vh=null;
		
		if(convertView==null){
			
			vh=new ViewHolder();
			
			convertView= LayoutInflater.from(context).inflate(R.layout.grid_item, null);
			
			vh.img=(ImageView) convertView.findViewById(R.id.img);

			convertView.setTag(vh);
		}else{
			
			vh=(ViewHolder) convertView.getTag();
		}
		vh.img.setImageBitmap(BitmapFactory.decodeFile(path.get(position).toString())); //这里要用BitMap解析图片
		return convertView;
	}

	class ViewHolder{
		
		ImageView img;
	}

}

适配器grid_item代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <ImageView
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:id="@+id/img"/>
</LinearLayout>

要注意，这里的服务器是用TomCat ，先在MyEclipse中部署服务端代码，然后在进行上传，服务端代码如下：

package com.bdqn.demo;

import java.io.File;
import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

public class UploadFile extends HttpServlet {

	/**
	 * Constructor of the object.
	 */
	public UploadFile() {
		super();
	}

	@SuppressWarnings("unchecked")
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		boolean isMultipart = ServletFileUpload.isMultipartContent(request);

		if (isMultipart) {
			String filePath = request.getSession().getServletContext()
					.getRealPath("/files");

			System.out.println(filePath);

			File file = new File(filePath);
			if (!file.exists()) {
				file.mkdirs();
			}

			try {
				FileItemFactory fileItemFactory = new DiskFileItemFactory();
				ServletFileUpload upload = new ServletFileUpload(
						fileItemFactory);
				
				upload.setHeaderEncoding("UTF-8");

				List<FileItem> fileItems = upload.parseRequest(request);

				for (FileItem fileItem : fileItems) {

					if (fileItem.isFormField()) {

						String name = fileItem.getName();

						String value = fileItem.getString("UTF-8");

						System.out.println(name + "=" + value);
					} else {

						System.out.println("======="
								+ fileItem.getName().toString().trim());
						// 若果是文件就将文件写到本地磁盘中
				//		File file2 = new File(filePath,fileItem.getName().substring(fileItem.getName().lastIndexOf("\") + 1));  
						File file2 = new File(filePath,fileItem.getName().substring(fileItem.getName().lastIndexOf("/")+1));	
										
					
						fileItem.write(file2);

					}

				}

			} catch (FileUploadException e) {
				e.printStackTrace();
			} catch (Exception e) {
				e.printStackTrace();
			}

		} else {
			doGet(request, response);
		}

	}

}

然后图片会上传到TomCat服务端，上传到的路径如下：

是不是很好用呢？