Android-图片选择，压缩，上传，加载的实例（图片上传（多图也可），服务器端实现，图片加载（图片轮播实现））

最新推荐文章于 2023-08-23 14:22:40 发布

原小明

最新推荐文章于 2023-08-23 14:22:40 发布

阅读量2.4k

点赞数

文章标签：图片选择压缩上传加载 Android

本文链接：https://blog.csdn.net/LABLENET/article/details/48186225

版权

1.回顾

上篇学习了图片的选择和加载，遗留两个小问题；

（1）Android-Ultra-Photo-Selector 开源框架下载

http://download.csdn.net/detail/lablenet/9074975

（2）demo 有偿下载

http://download.csdn.net/detail/lablenet/9074969

2.重点

（1）图片上传（多图上传/单张也可以使用）

（2）服务端实现

（3）图片加载（Volley 二次开发实现）

（4）ViewFlipper （图片轮播）实现加载网络图片

3.图片上传

3.1 分类与对比

（1）图片上传有多种实现方式：常用的是 HttpClient ，UrlConnection , AsyncHttpClient 三种方式实现；

（2） HttpClient和 AsyncHttpClient 类似，后面将学习使用 AsyncHttpClient实现图片上传；

（3）相比UrlConnection来说，各有各得优点；

（4）使用HttpClient 在进行图片压缩的时候，使用了以临时文件的形式进行了保存，而不能直接上传文件流；

（5）注意：实际上在 HttpMime4.5.jar 可以直接上传文件流的，需要倒入 HttpCore.jar 包, 但是我尝试了，又引发了，版本号问题，索性就使用了文件保存压缩后的文件；（eclipse）

（6）UrlConnection 在模拟表单提交的时候，需要细心点就可以了；

（7） HttpClient 直接上传文件流的实现需要的jar包：

http://download.csdn.net/detail/lablenet/9075023

（8）HttClient 以临时文件的形式上传文件的方式需要的jar包（我自己的实现方式）：

http://download.csdn.net/detail/lablenet/9074767

3.2 主要实现类：

（1）通过 MultipartEntity 实现参数提交

（2）PictureUtil.bitmapToPath() 方法实现了图片压缩：

参数为：原图地址；

返回值：压缩后临时图片的地址；

图片压缩知识，见上篇；

（3）上传的是压缩后的图片；

// 上传
	public String httpClientUpload() throws ClientProtocolException,
			IOException {

		HttpClient client = new DefaultHttpClient();
		HttpPost httpPost = new HttpPost(UploadPath.uploadImagePath());
		HttpContext localContext = new BasicHttpContext();
		// 模拟浏览器提交
		MultipartEntity multipartEntity = new MultipartEntity(
				HttpMultipartMode.BROWSER_COMPATIBLE);

		// 可以添加其他信息
		// multipartEntity.addPart()
		// 添加图片信息
		// 添加多张图片信息
		for (int i = 0; i < imgPaths.size(); i++) {
			// FileBody fileBody = new FileBody(getFile(imgPaths.get(i)));

			String tmepName = PictureUtil.bitmapToPath(imgPaths.get(i));

			File file = new File(tmepName);
			FileBody fileBody = new FileBody(file);
			
			//存储临时文件名
			imgstmppath.add(tmepName);
			// ByteArrayBody byteArrayBody=new ByteArrayBody(buffer,tmepName);
            Log.i("tag","........................................"+tmepName);
			multipartEntity.addPart("file" + i, fileBody);
		}

		// 设置 上传
		httpPost.setEntity(multipartEntity);

		HttpResponse response = client.execute(httpPost, localContext);

		String str = getJsonString("请求失败");

		if (response.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {
			// 返回数据
			str = EntityUtils.toString(response.getEntity());
		}
		return str;
	}

3.3 整个上传类实现

（1）安卓4.0 及其之后版本不允许在 UI线程进行网络请求，

（2）实现线程+Handler实现，上传图片，拿到返回过来的json数据

（3）PictureUtil.bitmapToPath() 方法实现了图片压缩：

参数为：原图地址；

返回值：压缩后临时图片的地址；

图片压缩知识，见上篇；

（4）消息发送给 Handler后，使用PicturcUtil.deleteImgTmp()删除临时文件；

（5）imgstmpPath 集合存放的是返回的临时文件路径（目的删除它）

package com.example.upload;

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

import org.apache.http.HttpResponse;
import org.apache.http.HttpStatus;
import org.apache.http.client.ClientProtocolException;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.entity.mime.HttpMultipartMode;
import org.apache.http.entity.mime.MultipartEntity;
import org.apache.http.entity.mime.content.FileBody;
import org.apache.http.impl.client.DefaultHttpClient;
import org.apache.http.protocol.BasicHttpContext;
import org.apache.http.protocol.HttpContext;
import org.apache.http.util.EntityUtils;

import android.os.Handler;
import android.os.Message;
import android.util.Log;

import com.example.Util.PictureUtil;

@SuppressWarnings("deprecation")
public class UploadImage extends Thread {

	private Handler handler;
	private List<String> imgPaths;
    private List<String> imgstmppath=new ArrayList<String>();
	// 构造
	public UploadImage(Handler handler, List<String> imgPaths) {
		// 上传
		this.handler = handler;
		this.imgPaths = imgPaths;
	}

	// 上传
	public String httpClientUpload() throws ClientProtocolException,
			IOException {

		HttpClient client = new DefaultHttpClient();
		HttpPost httpPost = new HttpPost(UploadPath.uploadImagePath());
		HttpContext localContext = new BasicHttpContext();
		// 模拟浏览器提交
		MultipartEntity multipartEntity = new MultipartEntity(
				HttpMultipartMode.BROWSER_COMPATIBLE);

		// 可以添加其他信息
		// multipartEntity.addPart()
		// 添加图片信息
		// 添加多张图片信息
		for (int i = 0; i < imgPaths.size(); i++) {
			// FileBody fileBody = new FileBody(getFile(imgPaths.get(i)));

			String tmepName = PictureUtil.bitmapToPath(imgPaths.get(i));

			File file = new File(tmepName);
			FileBody fileBody = new FileBody(file);
			
			//存储临时文件名
			imgstmppath.add(tmepName);
			// ByteArrayBody byteArrayBody=new ByteArrayBody(buffer,tmepName);
            Log.i("tag","........................................"+tmepName);
			multipartEntity.addPart("file" + i, fileBody);
		}

		// 设置 上传
		httpPost.setEntity(multipartEntity);

		HttpResponse response = client.execute(httpPost, localContext);

		String str = getJsonString("请求失败");

		if (response.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {
			// 返回数据
			str = EntityUtils.toString(response.getEntity());
		}
		return str;
	}

	// 得到文件
	// public File getFile(String imgpath) {
	//
	// File file=new File(imgpath);
	// return file;
	// }

	@Override
	public void run() {
		// 执行上传操作

		String msg = getJsonString("请求失败");
		try {
			msg = httpClientUpload();

		} catch (ClientProtocolException e) {
			// TODO Auto-generated catch block
			msg = getJsonString(e.getMessage());
		} catch (IOException e) {
			// TODO Auto-generated catch block
			msg = getJsonString(e.getMessage());
		}

		Message message = handler.obtainMessage();
		message.obj = msg;
		handler.sendMessage(message);

		//执行删除临时文件操作
		PictureUtil.deleteImgTmp(imgstmppath);
		
	}

	private String getJsonString(String msg) {
		return "{\"msg\"：\"" + msg + "\"}";
	}

}

4. 服务器端实现

4.1 注意

（1）Servlet 3.0 及其以上版本
（2）Tomcat 7.0 及其以上版本

4.2 实现

（1）注意图片存放路径（Tomact 下）

（2）@MultipartConfig() 标签实现

@MultipartConfig(location ="E:\\andriod\\demo\\workspace5\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp0\\wtpwebapps\\UploadEmo\\Image", maxFileSize = 10L*1024L * 1024L,// 每一个文件的最大值
maxRequestSize = 1024L * 1024L * 100L
// 一次上传最大值，若每次只能上传一个文件，则设置maxRequestSize意义不大
// 若不指定的话，就没有限制了，也可以 上传
// 服务器图片绝对路径：为 location 的位置）

（3）生成json 数据的 jar包下载

http://download.csdn.net/detail/lablenet/9002259

4.3 整个Servlet实现

package cn.labelnet.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.Random;

import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;

import net.sf.json.JSONObject;

/**
 * Servlet implementation class UploadImage
 */
@WebServlet("/UploadImage")
@MultipartConfig(location ="E:\\andriod\\demo\\workspace5\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp0\\wtpwebapps\\UploadEmo\\Image", maxFileSize = 10L*1024L * 1024L,// 每一个文件的最大值
maxRequestSize = 1024L * 1024L * 100L
// 一次上传最大值，若每次只能上传一个文件，则设置maxRequestSize意义不大
// 若不指定的话，就没有限制了，也可以 上传
// 服务器图片绝对路径："E:\\andriod\\demo\\workspace5\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp0\\wtpwebapps\\UploadEmo\\Image"
)
public class UploadImage extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public UploadImage() {
		super();
		// TODO Auto-generated constructor stub
	}

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doGet(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		doPost(request, response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
	 *      response)
	 */
	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		// 实现图片上传

		request.setCharacterEncoding("UTF-8");
		response.setCharacterEncoding("UTF-8");

		String str = "服务器错误，上传失败！";

		List<Part> parts = (List<Part>) request.getParts();

		// 保存文件名
		Map<String,String> names = new HashMap<String,String>();
		try {
			for (int i=0;i<parts.size();i++) {

				Part part=parts.get(i);
				
				if (part == null) {
					continue;
				}

				String filename = part.getHeader("content-disposition");

				System.out.println("fileName:" + filename);

				
				// 没有文件
				String extension = getExtensionName(filename);
				if (!(extension.equals(".jpeg")||extension.equals(".jpg") || extension.equals(".gif")
						|| extension.equals(".bmp") || extension.equals(".png"))) {
                  continue;
				}

				// 得到文件名
				filename = System.currentTimeMillis() + getName() + extension;

				// 输出文件名
				System.out.println("fileName:" + filename);

				part.write(filename);
				names.put("img"+i,filename);
			}

		} catch (Exception e) {

		}

		if (names.size() > 0) {
			str = "上传成功";
		}

		String jsondata = getJSONdata(str, names);
		System.out.println(jsondata);
		response.setContentType("text/json");
		PrintWriter out = response.getWriter();
		out.write(jsondata);
		out.flush();
		out.close();

	}

	/*
	 * Java文件操作 获取文件扩展名
	 */
	public static String getExtensionName(String filename) {
		if ((filename != null) && (filename.length() > 0)) {
			int dot = filename.lastIndexOf('.');
			if ((dot > -1) && (dot < (filename.length() - 1))) {
				return filename.substring(dot, filename.length() - 1);
			}
		}
		return filename;
	}

	private String getName() {

		String[] strs = { "yuan", "ming", "zhuo" };

		Random random = new Random();
		int x = random.nextInt(10000000);
		int y = random.nextInt(3);
		String name = x + strs[y];
		return name;
	}

	// 封装数据
	private String getJSONdata(String msg,Map<String, String> names) {

		Map<String, Object> maps = new HashMap<String, Object>();

		maps.put("msg", msg);
		if (names.size() > 0) {
			maps.put("data", names);
		} else {
			maps.put("data", "[\"img1\":\"moren.jpg\"]");
		}
		JSONObject jsonObject = JSONObject.fromObject(maps);
		return jsonObject.toString();
	}

}

5. 加载图片到 ViewFlipper

5.1 注意

（1）加载图片实现

Android-Volley网络通信框架（二次封装数据请求和图片请求（包括处理请求队列和图片缓存））

http://blog.csdn.net/lablenet/article/details/47859613

（2）ViewFlipper 图片轮播实现

Android-ViewFlipper（图片轮播和手势控制实例）

http://blog.csdn.net/lablenet/article/details/47974187

5.2 两者结合

实现 Volley 加载网络图片到 ViewFlipper实现图片轮播；

5.3 主要实现方法

private void getPictures(ArrayList<String> urls) {

		
		if (urls.size() > 0) {
			// 加载图片
			for (String url : urls) {
				
				ImageView imageView = new ImageView(this);
				ImageListener listener = ImageLoader.getImageListener(
						imageView, R.drawable.moren, R.drawable.fail);
				VolleyHttpRequest.Image_Loader(url, listener);

				vf_one.addView(imageView);
			}

		} else {
			// 出错的情况下
			int[] ids = { R.drawable.tubiao, R.drawable.fail,
					R.drawable.tubiao, R.drawable.fail };
			for (int i : ids) {
				ImageView view = new ImageView(this);
				view.setImageResource(i);
				vf_one.addView(view);
			}
		}

		//vf_one.setInAnimation(this, Animation.ZORDER_BOTTOM);

		vf_one.setFlipInterval(3000);

		//vf_one.setOutAnimation(this, Animation.ZORDER_TOP);

		vf_one.startFlipping();

	}

6.权限

    <uses-permission android:name="android.permission.INTERNET" />

7. demo 下载

http://download.csdn.net/detail/lablenet/9074969

原小明

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Android-图片选择，压缩，上传，加载的实例（图片上传（多图也可），服务器端实现，图片加载（图片轮播实现））

6.1 图片选择（1）打开 Android-Ultra-Photo-Selector 开源框架（是个 library 项目）；（2）在自己的项目中引入（两个地方/ 下篇具体讲）；（3）调用选择器主界面；（4）返回后取得图片地址； 6.2 图片压缩（1）根据图片路径得到 Bitmap；（2）进行比例压缩和质量压缩（具体实现下篇）；（3）保存 sdcard
复制链接

扫一扫