2. 程式人生 > >Android圖片上傳（頭像裁切+原圖原樣）

Android圖片上傳（頭像裁切+原圖原樣）

阿新 • • 發佈：2019-02-08

還是那句話，最近專案比較忙哭拖了很久這篇文章終於完成了！

先看一下效果圖：

（一）頭像裁切、上傳伺服器（效果圖）

一般都是有圓形顯示頭像的，這裡我自定義了一個ImageView，頁面很乾淨但是看著很上檔次吧！

點選頭像從底部彈出一個對話方塊，提示使用者頭像來自相機或者相簿，這都是常規流程。

上傳完成後預設的“程式設計師頭像”換成了萌妹子

（二）普通圖片上傳伺服器（效果圖）

模仿QQ空間發動態的佈局隨意捏造一個介面出來

點選新增圖片從底部彈出一個對話方塊，提示使用者圖片來自相機或者相簿，這也都是常規流程。

上傳過程中，有可能圖片很大，顯示一個進度圈（其實頭像上傳也有，只是檔案小，還沒顯示就上傳完成了大笑

）

上傳完成後把剛才的照片亮出來顯示到按鈕的地方，當然大家根據需要還可以自己擴充套件（比如長按抖動出現刪除、繼續新增N張等等）


下面簡單鋪一下程式碼：

（一）頭像裁切、上傳伺服器（程式碼）


這裡上邊的按鈕是頭像的點選事件，彈出底部的頭像選擇框，下邊的按鈕跳到下個頁面，進行原圖上傳。

[java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. @Override
  2. publicvoid onClick(View v) {  
  3.     switch (v.getId()) {  
  4.     case R.id.avatarImg:// 更換頭像點選事件
  5.         menuWindow = new
     SelectPicPopupWindow(mContext, itemsOnClick);    
  6.         menuWindow.showAtLocation(findViewById(R.id.mainLayout),   
  7.                 Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0);   
  8.         break;  
  9.     case R.id.loginBtn://登入按鈕跳轉事件
  10.         startActivity(new Intent(mContext, UploadActivity.class));  
  11.         break
    ;  
  12.     default:  
  13.         break;  
  14.     }  
  15. }  
	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.avatarImg:// 更換頭像點選事件
			menuWindow = new SelectPicPopupWindow(mContext, itemsOnClick);  
			menuWindow.showAtLocation(findViewById(R.id.mainLayout), 
					Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); 
			break;
		case R.id.loginBtn://登入按鈕跳轉事件
			startActivity(new Intent(mContext, UploadActivity.class));
			break;

		default:
			break;
		}
	}
彈出窗繫結一個按鈕事件
[java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. //為彈出視窗實現監聽類  
  2. private OnClickListener itemsOnClick = new OnClickListener() {  
  3.     @Override
  4.     publicvoid onClick(View v) {  
  5.         menuWindow.dismiss();  
  6.         switch (v.getId()) {  
  7.         // 拍照
  8.         case R.id.takePhotoBtn:  
  9.             Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);  
  10.             //下面這句指定呼叫相機拍照後的照片儲存的路徑
  11.             takeIntent.putExtra(MediaStore.EXTRA_OUTPUT,   
  12.                     Uri.fromFile(new File(Environment.getExternalStorageDirectory(), IMAGE_FILE_NAME)));  
  13.             startActivityForResult(takeIntent, REQUESTCODE_TAKE);  
  14.             break;  
  15.         // 相簿選擇圖片
  16.         case R.id.pickPhotoBtn:  
  17.             Intent pickIntent = new Intent(Intent.ACTION_PICK, null);  
  18.             // 如果朋友們要限制上傳到伺服器的圖片型別時可以直接寫如："image/jpeg 、 image/png等的型別"
  19.             pickIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");  
  20.             startActivityForResult(pickIntent, REQUESTCODE_PICK);  
  21.             break;  
  22.         default:  
  23.             break;  
  24.         }  
  25.     }  
  26. };   
	//為彈出視窗實現監聽類  
	private OnClickListener itemsOnClick = new OnClickListener() {
		@Override
		public void onClick(View v) {
			menuWindow.dismiss();
			switch (v.getId()) {
			// 拍照
			case R.id.takePhotoBtn:
				Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
				//下面這句指定呼叫相機拍照後的照片儲存的路徑
				takeIntent.putExtra(MediaStore.EXTRA_OUTPUT, 
						Uri.fromFile(new File(Environment.getExternalStorageDirectory(), IMAGE_FILE_NAME)));
				startActivityForResult(takeIntent, REQUESTCODE_TAKE);
				break;
			// 相簿選擇圖片
			case R.id.pickPhotoBtn:
				Intent pickIntent = new Intent(Intent.ACTION_PICK, null);
				// 如果朋友們要限制上傳到伺服器的圖片型別時可以直接寫如："image/jpeg 、 image/png等的型別"
				pickIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
				startActivityForResult(pickIntent, REQUESTCODE_PICK);
				break;
			default:
				break;
			}
		}
	};
為影象選取返回的接收處理 [java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. @Override
  2. publicvoid onActivityResult(int requestCode, int resultCode, Intent data) {  
  3.     switch (requestCode) {  
  4.     case REQUESTCODE_PICK:// 直接從相簿獲取
  5.         try {  
  6.             startPhotoZoom(data.getData());  
  7.         } catch (NullPointerException e) {  
  8.             e.printStackTrace();// 使用者點選取消操作
  9.         }  
  10.         break;  
  11.     case REQUESTCODE_TAKE:// 呼叫相機拍照
  12.         File temp = new File(Environment.getExternalStorageDirectory() + "/" + IMAGE_FILE_NAME);  
  13.         startPhotoZoom(Uri.fromFile(temp));  
  14.         break;  
  15.     case REQUESTCODE_CUTTING:// 取得裁剪後的圖片
  16.         if (data != null) {  
  17.             setPicToView(data);  
  18.         }  
  19.         break;  
  20.     }  
  21.     super.onActivityResult(requestCode, resultCode, data);  
  22. }  
	@Override
	public void onActivityResult(int requestCode, int resultCode, Intent data) {
		
		switch (requestCode) {
		case REQUESTCODE_PICK:// 直接從相簿獲取
			try {
				startPhotoZoom(data.getData());
			} catch (NullPointerException e) {
				e.printStackTrace();// 使用者點選取消操作
			}
			break;
		case REQUESTCODE_TAKE:// 呼叫相機拍照
			File temp = new File(Environment.getExternalStorageDirectory() + "/" + IMAGE_FILE_NAME);
			startPhotoZoom(Uri.fromFile(temp));
			break;
		case REQUESTCODE_CUTTING:// 取得裁剪後的圖片
			if (data != null) {
				setPicToView(data);
			}
			break;
		}
		super.onActivityResult(requestCode, resultCode, data);
	}
把圖片顯示出來，然後上傳
[java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. /** 
  2.  * 裁剪圖片方法實現 
  3.  * @param uri 
  4.  */
  5. publicvoid startPhotoZoom(Uri uri) {  
  6.     Intent intent = new Intent("com.android.camera.action.CROP");  
  7.     intent.setDataAndType(uri, "image/*");  
  8.     // crop=true是設定在開啟的Intent中設定顯示的VIEW可裁剪
  9.     intent.putExtra("crop", "true");  
  10.     // aspectX aspectY 是寬高的比例
  11.     intent.putExtra("aspectX", 1);  
  12.     intent.putExtra("aspectY", 1);  
  13.     // outputX outputY 是裁剪圖片寬高
  14.     intent.putExtra("outputX", 300);  
  15.     intent.putExtra("outputY", 300);  
  16.     intent.putExtra("return-data", true);  
  17.     startActivityForResult(intent, REQUESTCODE_CUTTING);  
  18. }  
  19. /**  
  20.  * 儲存裁剪之後的圖片資料  
  21.  * @param picdata  
  22.  */  
  23. privatevoid setPicToView(Intent picdata) {  
  24.     Bundle extras = picdata.getExtras();  
  25.     if (extras != null) {  
  26.         // 取得SDCard圖片路徑做顯示
  27.         Bitmap photo = extras.getParcelable("data");  
  28.         Drawable drawable = new BitmapDrawable(null, photo);  
  29.         urlpath = FileUtil.saveFile(mContext, "temphead.jpg", photo);  
  30.         avatarImg.setImageDrawable(drawable);  
  31.         // 新執行緒後臺上傳服務端
  32.         pd = ProgressDialog.show(mContext, null, "正在上傳圖片，請稍候...");  
  33.         new Thread(uploadImageRunnable).start();  
  34.     }  
  35. }  
  36. /** 
  37.  * 使用HttpUrlConnection模擬post表單進行檔案 
  38.  * 上傳平時很少使用，比較麻煩 
  39.  * 原理是： 分析檔案上傳的資料格式，然後根據格式構造相應的傳送給伺服器的字串。 
  40.  */
  41. Runnable uploadImageRunnable = new Runnable() {  
  42.     @Override
  43.     publicvoid run() {  
  44.         if(TextUtils.isEmpty(imgUrl)){  
  45.             Toast.makeText(mContext, "還沒有設定上傳伺服器的路徑！", Toast.LENGTH_SHORT).show();  
  46.             return;  
  47.         }  
  48.         Map<String, String> textParams = new HashMap<String, String>();  
  49.         Map<String, File> fileparams = new HashMap<String, File>();  
  50.         try {  
  51.             // 建立一個URL物件
  52.             URL url = new URL(imgUrl);  
  53.             textParams = new HashMap<String, String>();  
  54.             fileparams = new HashMap<String, File>();  
  55.             // 要上傳的圖片檔案
  56.             File file = new File(urlpath);  
  57.             fileparams.put("image", file);  
  58.             // 利用HttpURLConnection物件從網路中獲取網頁資料
  59.             HttpURLConnection conn = (HttpURLConnection) url.openConnection();  
  60.             // 設定連線超時（記得設定連線超時,如果網路不好,Android系統在超過預設時間會收回資源中斷操作）
  61.             conn.setConnectTimeout(5000);  
  62.             // 設定允許輸出（傳送POST請求必須設定允許輸出）
  63.             conn.setDoOutput(true);  
  64.             // 設定使用POST的方式傳送
  65.             conn.setRequestMethod("POST");  
  66.             // 設定不使用快取（容易出現問題）
  67.             conn.setUseCaches(false);  
  68.             conn.setRequestProperty("Charset", "UTF-8");//設定編碼   
  69.             // 在開始用HttpURLConnection物件的setRequestProperty()設定,就是生成HTML檔案頭
  70.             conn.setRequestProperty("ser-Agent", "Fiddler");  
  71.             // 設定contentType
  72.             conn.setRequestProperty("Content-Type", "multipart/form-data; boundary=" + NetUtil.BOUNDARY);  
  73.             OutputStream os = conn.getOutputStream();  
  74.             DataOutputStream ds = new DataOutputStream(os);  
  75.             NetUtil.writeStringParams(textParams, ds);  
  76.             NetUtil.writeFileParams(fileparams, ds);  
  77.             NetUtil.paramsEnd(ds);  
  78.             // 對檔案流操作完,要記得及時關閉
  79.             os.close();  
  80.             // 伺服器返回的響應嗎
  81.             int code = conn.getResponseCode(); // 從Internet獲取網頁,傳送請求,將網頁以流的形式讀回來
  82.             // 對響應碼進行判斷
  83.             if (code == 200) {// 返回的響應碼200,是成功
  84.                 // 得到網路返回的輸入流
  85.                 InputStream is = conn.getInputStream();  
  86.                 resultStr = NetUtil.readString(is);  
  87.             } else {  
  88.                 Toast.makeText(mContext, "請求URL失敗！", Toast.LENGTH_SHORT).show();  
  89.             }  
  90.         } catch (Exception e) {  
  91.             e.printStackTrace();  
  92.         }  
  93.         handler.sendEmptyMessage(0);// 執行耗時的方法之後傳送消給handler
  94.     }  
  95. };  
  96. Handler handler = new Handler(new Handler.Callback() {  
  97.     @Override
  98.     publicboolean handleMessage(Message msg) {  
  99.         switch (msg.what) {  
  100.         case0:  
  101.             pd.dismiss();  
  102.             try {  
  103.                 // 返回資料示例，根據需求和後臺資料靈活處理
  104.                 // {"status":"1","statusMessage":"上傳成功","imageUrl":"http://120.24.219.49/726287_temphead.jpg"}
  105.                 JSONObject jsonObject = new JSONObject(resultStr);  
  106.                 // 服務端以字串“1”作為操作成功標記
  107.                 if (jsonObject.optString("status").equals("1")) {  
  108.                     BitmapFactory.Options option = new BitmapFactory.Options();  
  109.                     // 壓縮圖片:表示縮圖大小為原始圖片大小的幾分之一，1為原圖，3為三分之一
  110.                     option.inSampleSize = 1;  
  111.                     // 服務端返回的JsonObject物件中提取到圖片的網路URL路徑
  112.                     String imageUrl = jsonObject.optString("imageUrl");  
  113.                     Toast.makeText(mContext, imageUrl, Toast.LENGTH_SHORT).show();  
  114.                 }else{  
  115.                     Toast.makeText(mContext, jsonObject.optString("statusMessage"), Toast.LENGTH_SHORT).show();  
  116.                 }  
  117.             } catch (JSONException e) {  
  118.                 e.printStackTrace();  
  119.             }  
  120.             break;  
  121.         default:  
  122.             break;  
  123.         }  
  124.         returnfalse;  
  125.     }  
  126. });  
	/**
	 * 裁剪圖片方法實現
	 * @param uri
	 */
	public void startPhotoZoom(Uri uri) {
		Intent intent = new Intent("com.android.camera.action.CROP");
		intent.setDataAndType(uri, "image/*");
		// crop=true是設定在開啟的Intent中設定顯示的VIEW可裁剪
		intent.putExtra("crop", "true");
		// aspectX aspectY 是寬高的比例
		intent.putExtra("aspectX", 1);
		intent.putExtra("aspectY", 1);
		// outputX outputY 是裁剪圖片寬高
		intent.putExtra("outputX", 300);
		intent.putExtra("outputY", 300);
		intent.putExtra("return-data", true);
		startActivityForResult(intent, REQUESTCODE_CUTTING);
	}
		
	/**
	 * 儲存裁剪之後的圖片資料
	 * @param picdata
	 */
	private void setPicToView(Intent picdata) {
		Bundle extras = picdata.getExtras();
		if (extras != null) {
			// 取得SDCard圖片路徑做顯示
			Bitmap photo = extras.getParcelable("data");
			Drawable drawable = new BitmapDrawable(null, photo);
			urlpath = FileUtil.saveFile(mContext, "temphead.jpg", photo);
			avatarImg.setImageDrawable(drawable);

			// 新執行緒後臺上傳服務端
			pd = ProgressDialog.show(mContext, null, "正在上傳圖片，請稍候...");
			new Thread(uploadImageRunnable).start();
		}
	}

	/**
	 * 使用HttpUrlConnection模擬post表單進行檔案
	 * 上傳平時很少使用，比較麻煩
	 * 原理是： 分析檔案上傳的資料格式，然後根據格式構造相應的傳送給伺服器的字串。
	 */
	Runnable uploadImageRunnable = new Runnable() {
		@Override
		public void run() {
			
			if(TextUtils.isEmpty(imgUrl)){
				Toast.makeText(mContext, "還沒有設定上傳伺服器的路徑！", Toast.LENGTH_SHORT).show();
				return;
			}
			
			Map<String, String> textParams = new HashMap<String, String>();
			Map<String, File> fileparams = new HashMap<String, File>();
			
			try {
				// 建立一個URL物件
				URL url = new URL(imgUrl);
				textParams = new HashMap<String, String>();
				fileparams = new HashMap<String, File>();
				// 要上傳的圖片檔案
				File file = new File(urlpath);
				fileparams.put("image", file);
				// 利用HttpURLConnection物件從網路中獲取網頁資料
				HttpURLConnection conn = (HttpURLConnection) url.openConnection();
				// 設定連線超時（記得設定連線超時,如果網路不好,Android系統在超過預設時間會收回資源中斷操作）
				conn.setConnectTimeout(5000);
				// 設定允許輸出（傳送POST請求必須設定允許輸出）
				conn.setDoOutput(true);
				// 設定使用POST的方式傳送
				conn.setRequestMethod("POST");
				// 設定不使用快取（容易出現問題）
				conn.setUseCaches(false);
				conn.setRequestProperty("Charset", "UTF-8");//設定編碼   
				// 在開始用HttpURLConnection物件的setRequestProperty()設定,就是生成HTML檔案頭
				conn.setRequestProperty("ser-Agent", "Fiddler");
				// 設定contentType
				conn.setRequestProperty("Content-Type", "multipart/form-data; boundary=" + NetUtil.BOUNDARY);
				OutputStream os = conn.getOutputStream();
				DataOutputStream ds = new DataOutputStream(os);
				NetUtil.writeStringParams(textParams, ds);
				NetUtil.writeFileParams(fileparams, ds);
				NetUtil.paramsEnd(ds);
				// 對檔案流操作完,要記得及時關閉
				os.close();
				// 伺服器返回的響應嗎
				int code = conn.getResponseCode(); // 從Internet獲取網頁,傳送請求,將網頁以流的形式讀回來
				// 對響應碼進行判斷
				if (code == 200) {// 返回的響應碼200,是成功
					// 得到網路返回的輸入流
					InputStream is = conn.getInputStream();
					resultStr = NetUtil.readString(is);
				} else {
					Toast.makeText(mContext, "請求URL失敗！", Toast.LENGTH_SHORT).show();
				}
			} catch (Exception e) {
				e.printStackTrace();
			}
			handler.sendEmptyMessage(0);// 執行耗時的方法之後傳送消給handler
		}
	};
	
	Handler handler = new Handler(new Handler.Callback() {
		
		@Override
		public boolean handleMessage(Message msg) {
			switch (msg.what) {
			case 0:
				pd.dismiss();
				
				try {
					// 返回資料示例，根據需求和後臺資料靈活處理
					// {"status":"1","statusMessage":"上傳成功","imageUrl":"http://120.24.219.49/726287_temphead.jpg"}
					JSONObject jsonObject = new JSONObject(resultStr);
					
					// 服務端以字串“1”作為操作成功標記
					if (jsonObject.optString("status").equals("1")) {
						BitmapFactory.Options option = new BitmapFactory.Options();
						// 壓縮圖片:表示縮圖大小為原始圖片大小的幾分之一，1為原圖，3為三分之一
						option.inSampleSize = 1;
						
						// 服務端返回的JsonObject物件中提取到圖片的網路URL路徑
						String imageUrl = jsonObject.optString("imageUrl");
						Toast.makeText(mContext, imageUrl, Toast.LENGTH_SHORT).show();
					}else{
						Toast.makeText(mContext, jsonObject.optString("statusMessage"), Toast.LENGTH_SHORT).show();
					}
					
				} catch (JSONException e) {
					e.printStackTrace();
				}
				
				break;
				
			default:
				break;
			}
			return false;
		}
	});

（二）普通圖片上傳伺服器（程式碼）

    直接從這裡開始，和頭像那裡基本沒什麼區別，我把拍照什麼的單獨抽出了方法，思路更清晰 [java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. //為彈出視窗實現監聽類  
  2. private OnClickListener itemsOnClick = new OnClickListener() {  
  3.     @Override
  4.     publicvoid onClick(View v) {  
  5.         // 隱藏彈出視窗
  6.         menuWindow.dismiss();  
  7.         switch (v.getId()) {  
  8.         case R.id.takePhotoBtn:// 拍照
  9.             takePhoto();  
  10.             break;  
  11.         case R.id.pickPhotoBtn:// 相簿選擇圖片
  12.             pickPhoto();  
  13.             break;  
  14.         case R.id.cancelBtn:// 取消
  15.             break;  
  16.         default:  
  17.             break;  
  18.         }  
  19.     }  
  20. };   
	
	//為彈出視窗實現監聽類  
	private OnClickListener itemsOnClick = new OnClickListener() {
		@Override
		public void onClick(View v) {
			// 隱藏彈出視窗
			menuWindow.dismiss();
			
			switch (v.getId()) {
			case R.id.takePhotoBtn:// 拍照
				takePhoto();
				break;
			case R.id.pickPhotoBtn:// 相簿選擇圖片
				pickPhoto();
				break;
			case R.id.cancelBtn:// 取消
				break;
			default:
				break;
			}
		}
	};
[java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. /** 
  2.  * 拍照獲取圖片 
  3.  */
  4. privatevoid takePhoto() {  
  5.     // 執行拍照前，應該先判斷SD卡是否存在
  6.     String SDState = Environment.getExternalStorageState();  
  7.     if (SDState.equals(Environment.MEDIA_MOUNTED)) {  
  8.         Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);  
  9.         /*** 
  10.          * 需要說明一下，以下操作使用照相機拍照，拍照後的圖片會存放在相簿中的  
  11.          * 這裡使用的這種方式有一個好處就是獲取的圖片是拍照後的原圖 
  12.          * 如果不使用ContentValues存放照片路徑的話，拍照後獲取的圖片為縮圖不清晰 
  13.          */
  14.         ContentValues values = new ContentValues();  
  15.         photoUri = getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);  
  16.         intent.putExtra(android.provider.MediaStore.EXTRA_OUTPUT, photoUri);  
  17.         startActivityForResult(intent, SELECT_PIC_BY_TACK_PHOTO);  
  18.     } else {  
  19.         Toast.makeText(this, "記憶體卡不存在", Toast.LENGTH_LONG).show();  
  20.     }  
  21. }  
  22. /*** 
  23.  * 從相簿中取圖片 
  24.  */
  25. privatevoid pickPhoto() {  
  26.     Intent intent = new Intent();  
  27.     // 如果要限制上傳到伺服器的圖片型別時可以直接寫如："image/jpeg 、 image/png等的型別"
  28.     intent.setType("image/*");  
  29.     intent.setAction(Intent.ACTION_GET_CONTENT);  
  30.     startActivityForResult(intent, SELECT_PIC_BY_PICK_PHOTO);  
  31. }  
	/**
	 * 拍照獲取圖片
	 */
	private void takePhoto() {
		// 執行拍照前，應該先判斷SD卡是否存在
		String SDState = Environment.getExternalStorageState();
		if (SDState.equals(Environment.MEDIA_MOUNTED)) {

			Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
			/***
			 * 需要說明一下，以下操作使用照相機拍照，拍照後的圖片會存放在相簿中的 
			 * 這裡使用的這種方式有一個好處就是獲取的圖片是拍照後的原圖
			 * 如果不使用ContentValues存放照片路徑的話，拍照後獲取的圖片為縮圖不清晰
			 */
			ContentValues values = new ContentValues();
			photoUri = getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);
			intent.putExtra(android.provider.MediaStore.EXTRA_OUTPUT, photoUri);
			startActivityForResult(intent, SELECT_PIC_BY_TACK_PHOTO);
		} else {
			Toast.makeText(this, "記憶體卡不存在", Toast.LENGTH_LONG).show();
		}
	}

	/***
	 * 從相簿中取圖片
	 */
	private void pickPhoto() {
		Intent intent = new Intent();
		// 如果要限制上傳到伺服器的圖片型別時可以直接寫如："image/jpeg 、 image/png等的型別"
		intent.setType("image/*");
		intent.setAction(Intent.ACTION_GET_CONTENT);
		startActivityForResult(intent, SELECT_PIC_BY_PICK_PHOTO);
	}
處理一下圖片選取的頁面回撥
[java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. @Override
  2.     protectedvoid onActivityResult(int requestCode, int resultCode, Intent data) {  
  3.         // 點選取消按鈕
  4.         if(resultCode == RESULT_CANCELED){  
  5.             return;  
  6.         }  
  7.         // 可以使用同一個方法，這裡分開寫為了防止以後擴充套件不同的需求
  8.         switch (requestCode) {  
  9.         case SELECT_PIC_BY_PICK_PHOTO:// 如果是直接從相簿獲取
  10.             doPhoto(requestCode, data);  
  11.             break;  
  12.         case SELECT_PIC_BY_TACK_PHOTO:// 如果是呼叫相機拍照時
  13.             doPhoto(requestCode, data);  
  14.             break;  
  15.         }  
  16.         super.onActivityResult(requestCode, resultCode, data);  
  17.     }  
@Override
	protected void onActivityResult(int requestCode, int resultCode, Intent data) {
		// 點選取消按鈕
		if(resultCode == RESULT_CANCELED){
			return;
		}
		
		// 可以使用同一個方法，這裡分開寫為了防止以後擴充套件不同的需求
		switch (requestCode) {
		case SELECT_PIC_BY_PICK_PHOTO:// 如果是直接從相簿獲取
			doPhoto(requestCode, data);
			break;
		case SELECT_PIC_BY_TACK_PHOTO:// 如果是呼叫相機拍照時
			doPhoto(requestCode, data);
			break;
		}
		super.onActivityResult(requestCode, resultCode, data);
	}
接下來就是顯示圖片和上傳伺服器了，上傳和頭像是同一個流程，只是不進行裁切
[java] view plain copy print?在CODE上檢視程式碼片派生到我的程式碼片
  1. /** 
  2.  * 選擇圖片後，獲取圖片的路徑 
  3.  *  
  4.  * @param requestCode 
  5.  * @param data 
  6.  */
  7. privatevoid doPhoto(int requestCode, Intent data) {  
  8.     // 從相簿取圖片，有些手機有異常情況，請注意
  9.     if (requestCode == SELECT_PIC_BY_PICK_PHOTO) {  
  10.         if (data == null) {  
  11.             Toast.makeText(this, "選擇圖片檔案出錯", Toast.LENGTH_LONG).show();  
  12.             return;  
  13.         }  
  14.         photoUri = data.getData();  
  15.         if (photoUri == null) {  
  16.             Toast.makeText(this, "選擇圖片檔案出錯", Toast.LENGTH_LONG).show();  
  17.             return;  
  18.         }  
  19.     }  
  20.     String[] pojo = { MediaColumns.DATA };  
  21.     // The method managedQuery() from the type Activity is deprecated
  22.     //Cursor cursor = managedQuery(photoUri, pojo, null, null, null);
  23.     Cursor cursor = mContext.getContentResolver().query(photoUri, pojo, null, null, null);  
  24.     if (cursor != null) {  
  25.         int columnIndex = cursor.getColumnIndexOrThrow(pojo[0]);  
  26.         cursor.moveToFirst();  
  27.         picPath = cursor.getString(columnIndex);  
  28.         // 4.0以上的版本會自動關閉 (4.0--14;; 4.0.3--15)
  29.         if (Integer.parseInt(Build.VERSION.SDK) < 14) {  
  30.             cursor.close();  
  31.         }  
  32.     }  
  33.     // 如果圖片符合要求將其上傳到伺服器
  34.     if (picPath != null && (    picPath.endsWith(".png") ||   
  35.                                 picPath.endsWith(".PNG") ||   
  36.                                 picPath.endsWith(".jpg") ||   
  37.                                 picPath.endsWith(".JPG"))) {  
  38.         BitmapFactory.Options option = new BitmapFactory.Options();  
  39.         // 壓縮圖片:表示縮圖大小為原始圖片大小的幾分之一，1為原圖
  40.         option.inSampleSize = 1;  
  41.         // 根據圖片的SDCard路徑讀出Bitmap
  42.         Bitmap bm = BitmapFactory.decodeFile(picPath, option);  
  43.         // 顯示在圖片控制元件上
  44.         picImg.setImageBitmap(bm);  
  45.         pd = ProgressDialog.show(mContext, null, "正在上傳圖片，請稍候...");  
  46.         new Thread(uploadImageRunnable).start();  
  47.     } else {  
  48.         Toast.makeText(this, "選擇圖片檔案不正確", Toast.LENGTH_LONG).show();  
  49.     }  
  50. }  
  51. /** 
  52.  * 使用HttpUrlConnection模擬post表單進行檔案 
  53.  * 上傳平時很少使用，比較麻煩 
  54.  * 原理是： 分析檔案上傳的資料格式，然後根據格式構造相應的傳送給伺服器的字串。 
  55.  */
  56. Runnable uploadImageRunnable = new Runnable() {  
  57.     @Override
  58.     publicvoid run() {  
  59.         if(TextUtils.isEmpty(imgUrl)){  
  60.             Toast.makeText(mContext, "還沒有設定上傳伺服器的路徑！", Toast.LENGTH_SHORT).show();  
  61.             return;  
  62.         }  
  63.         Map<String, String> textParams = new HashMap<String, String>();  
  64.         Map<String, File> fileparams = new HashMap<String, File>();  
  65.         try {  
  66.             // 建立一個URL物件
  67.             URL url = new URL(imgUrl);  
  68.             textParams = new HashMap<String, String>();  
  69.             fileparams = new HashMap<String, File>();  
  70.             // 要上傳的圖片檔案
  71.             File file = new File(picPath);  
  72.             fileparams.put("image", file);  
  73.             // 利用HttpURLConnection物件從網路中獲取網頁資料
  74.             HttpURLConnection conn = (HttpURLConnection) url.openConnection();  
  75.             // 設定連線超時（記得設定連線超時,如果網路不好,Android系統在超過預設時間會收回資源中斷操作）
  76.             conn.setConnectTimeout(5000);  
  77.             // 設定允許輸出（傳送POST請求必須設定允許輸出）
  78.             conn.setDoOutput(true);  
  79.             // 設定使用POST的方式傳送
  80.             conn.setRequestMethod("POST");  
  81.             // 設定不使用快取（容易出現問題）
  82.             conn.setUseCaches(false);  
  83.             // 在開始用HttpURLConnection物件的setRequestProperty()設定,就是生成HTML檔案頭
  84.             conn.setRequestProperty("ser-Agent", "Fiddler");  
  85.             // 設定contentType
  86.             conn.setRequestProperty("Content-Type", "multipart/form-data; boundary=" + NetUtil.BOUNDARY);  
  87.             OutputStream os = conn.getOutputStream();  
  88.             DataOutputStream ds = new DataOutputStream(os);  
  89.             NetUtil.writeStringParams(textParams, ds);  
  90.             NetUtil.writeFileParams(fileparams, ds);  
  91.             NetUtil.paramsEnd(ds);  
  92.             // 對檔案流操作完,要記得及時關閉
  93.             os.close();  
  94.         

相關推薦

Android圖片上傳（頭像裁切+原圖原樣）

還是那句話，最近專案比較忙拖了很久這篇文章終於完成了！ 先看一下效果圖： （一）頭像裁切、上傳伺服器（效果圖） 一般都是有圓形顯示頭像的，這裡我自定義了一個ImageView，頁面很乾淨但是看著很上檔次吧！ 點選頭像從底部彈出一個對話方塊，提示使用者頭像來自相機或者相簿，這

H5 頭像上傳（支援裁切）

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial

移動端h5頭像上傳、頭像裁切、上傳圖片

初步想的步驟是這樣的： 一、點選頭像區域選擇本地圖片 二、顯示被選本地圖片顯示裁剪選取框 三、確認選取後，上傳到阿里雲返回路徑 四、初始點選區域顯示裁剪完成的圖片 程式碼片段 <div align="center" class="face"> &l

Android 資料上傳（上傳圖片的時候同時上傳圖片名，拍照時間之類的）

// 上傳檔案public void upload(File file) {try {// post請求需要攜帶的引數AjaxParams params = new AjaxParams();// 將檔案放入引數中LoginInfo loginInfo = new LoginInfo();login

Android WebView 選擇圖片並上傳（呼叫相機拍照/相簿/選擇檔案）

前言： 這個功能其實我才剛接觸。不熟...在這個給大家提供的都是經過本人驗證之後的一些案例。可以在專案中跑的。 最近專案嵌入混合開發，都是使用WebView來跳轉，頁面展示。有用到這個圖片上傳的功能。 原本是一臉懵的，查了很多資料看一些大神都寫的很多程式碼很複雜（原諒我

iOS AFNetworking 圖片上傳（修改使用者頭像功能）

今天在處理APP中使用者資訊這裡，遇到了上傳與使用者修改頭像的問題，在網上查閱一些資料之後完成了，寫了一下。貼上來供大家看看。 可以看到 在點選上部ImageView 的時候呼叫相簿去選擇某張圖片。 下面貼出點選圖片後代碼： #pragma mar

springmvc圖片上傳（兼容ie8以上，實時預覽）

處理 spa aps news time htm tip 技術分享 ans html代碼： <form id="uploadform" method="post" enctype="multipart/form-data"> <

ASP.NET Core 簡單實現七牛圖片上傳（FormData 和 Base64）

private stream public 圖片 ASP.NET Core 簡單實現七牛圖片上傳（FormData 和 Base64）七牛圖片上傳 SDK（.NET 版本）：https://developer.qiniu.com/kodo/sdk/1237/csharpUpoladServic

HTML5+Canvas+jQuery調用手機拍照功能實現圖片上傳（二）

customer mkdir 狀態保存 ont false lan else if 項目 action 上一篇僅僅講到前臺操作，這篇專門涉及到Java後臺處理。前臺通過Ajax提交將Base64編碼過的圖片數據信息傳到Java後臺，然後Java這邊進行接收處理。通過

圖片上傳，頭像上傳

repl cnblogs $.ajax maxwidth 僅支持 .sh span attr 瀏覽器 簡介 在平時前端開發中，圖片上傳與頭像上傳是必不可少的。下邊我把上傳頭像做了一個小的例子，希望大家能夠使用。代碼是一年前寫的，對於新手老手來說，一看即懂。如果想

node.js實現圖片上傳（包含縮略圖）

http close path return new tde log img thumb 圖片上傳 使用multiparty插件實現上傳 安裝multiparty npm i --save multiparty 代碼實現 const multiparty = requi

接口自動化實現圖片上傳（selenium/RF）

herf ict 上傳圖片 帶圖片 amp 怎麽 top .get imp 最近做自動化碰到一個問題： 就是帶圖片上傳的不知道怎麽實現自動化：整理了下實現如下： 上傳圖片postman 結果請求如下，上傳圖片後返回一個圖片地址： post請求 body 是form-da

圖片檔案上傳（上面一篇是預覽）

圖片上傳和預覽是一起的，分別寫了兩個元件（上傳、預覽），在上傳中呼叫預覽，因放一起有點多故分開寫了 寫上傳元件attach <template> <div> <div class="pic-list" v-if="temp.fileList.length>

前端上傳圖片到oss服務，模仿微博多張圖片上傳（最多九張）

效果圖如下 核心js檔案 推薦《前端上傳元件Plupload使用指南》，有較詳細使用指南。 檔案地址： https://www.cnblogs.com/2050/p/3913184.html#plupload_doc4 首先是css檔案的引入 上傳元

PHPCMS V9手機移動端圖片上傳（PHPCMS V9前臺使用layui的上傳元件代替預設的SWFupload上傳圖片）

預設phpcms的上傳 圖片使用的是swfupload，導致手機移動端上傳圖片無法使用。這裡我們使用layui的上傳元件來使其支援手機移動端圖片上傳，效果圖如下：   實現步驟： 一、 開啟phpcms

圖片上傳（可根據自己得需要封裝元件）

話不多說，先上圖 實現簡單得多行多圖片上傳，可以選擇其中任意一個圖片當作你需要得預設圖傳到後臺，然後一次性提交 程式碼： <template> <div> <div v-for="(item,index) in arr"

[寫著玩]理解multipart/form-data，構造http表單實現android圖片上傳

關於multipart/form-data，可參考https://blog.csdn.net/zshake/article/details/77985757 客戶端  引數解釋，上傳主方法 private void submit() { Map<String, Obj

H5呼叫Android圖片上傳功能

public class OpenFileWebChromeClient extends WebChromeClient { public static final int REQUEST_FILE_PICKER = 1; public ValueCallback<Uri> mF

HTML5+Canvas+jQuery呼叫手機拍照功能實現圖片上傳（二）

上一篇只講到前臺操作，這篇專門涉及到Java後臺處理，前臺通過Ajax提交將Base64編碼過的圖片資料資訊傳到Java後臺，然後Java這邊進行接收處理，通過對圖片資料資訊進行Base64解碼，之後使用流將圖片資料資訊上傳至伺服器進行儲存，並且將圖片的路徑地址存進資料庫。

Android圖片上傳到阿里雲OSS小案例

一、在阿里雲開通OOS（必須註冊有阿里雲賬戶，並開通OSS服務） 1.在管理控制檯找到OOS並開通 2.點選儲存空間，建立bucket 二、整合 1、 Android SDK開發包 Android Studio方式（推薦） M