【目錄】

 （一）上傳圖片到伺服器一 ---------------------------------Android代碼

 （二）上傳圖片到伺服器二---------------------------------Android 系統7.0以上調用相機相容問題

 （三）上傳圖片到伺服器三 -----------------------------------後臺伺服器代碼

一、相關知識

①Android許可權申請

②網路訪問框架OKHttp

③記憶體溢出問題：圖片壓縮

④Android 系統7.0以上調用系統相機無效

⑤有關圖片上傳過程中遇到的記憶體溢出問題

二、效果展示

二、代碼

①HTML

 1          <LinearLayout
 2                 android:layout_width="match_parent"
 3                 android:layout_height="wrap_content"
 4                 android:orientation="vertical"
 5                 android:background="@color/white"
 6                 >
 7                 <android.support.v7.widget.RecyclerView
 8                     android:id="@+id/rvPic"
 9                     android:layout_width="wrap_content"
10                     android:layout_height="match_parent"
11                     android:layout_gravity="center_horizontal">
12 
13                 </android.support.v7.widget.RecyclerView>
14 
15                 <TextView
16                     android:id="@+id/tvNum"
17                     android:layout_width="wrap_content"
18                     android:layout_height="wrap_content"
19                     android:text="0/8"
20                     android:textColor="#666666"
21                     android:layout_gravity="right|bottom"
22                     android:paddingRight="@dimen/dp_10"/>
23 
24 
25             </LinearLayout>
26      <Button
27 
28         android:id="@+id/btn_Enter"
29         android:layout_width="match_parent"
30         android:layout_height="@dimen/dp_45"
31         android:layout_alignParentBottom="true"
32         android:background="@drawable/selecter_button"
33         android:text="確認上傳"
34         android:textColor="@color/inButtonText"
35         android:textSize="@dimen/dp_18" />

②Java代碼

<基本功能>

 實體類

 1 public class LoadFileVo {
 2 
 3     File file;
 4 
 5     int pg; //圖片下方的進度條
 6 
 7     boolean isUpload = false; //標識該文件是否上傳
 8 
 9     Bitmap bitmap;
10 
11     public Bitmap getBitmap() {
12         return bitmap;
13     }
14 
15     public void setBitmap(Bitmap bitmap) {
16         this.bitmap = bitmap;
17     }
18 
19     public boolean isUpload() {
20         return isUpload;
21     }
22 
23     public void setUpload(boolean upload) {
24         isUpload = upload;
25     }
26 
27     public LoadFileVo() {
28     }
29 
30     public LoadFileVo(File file, int pg) {
31         this.file = file;
32         this.pg = pg;
33     }
34 
35     public LoadFileVo(File file, boolean isUpload, int pg,Bitmap bitmap) {
36         this.file = file;
37         this.pg = pg;
38         this.isUpload = isUpload;
39         this.bitmap = bitmap;
40     }
41 
42     public File getFile() {
43         return file;
44     }
45 
46     public void setFile(File file) {
47         this.file = file;
48     }
49 
50     public int getPg() {
51         return pg;
52     }
53 
54     public void setPg(int pg) {
55         this.pg = pg;
56     }
57 }

適配器

  1 /*
  2  *Create By 小群子    2018/12/10
  3  */
  4 
  5 public class LoadPicAdapter extends RecyclerView.Adapter<LoadPicAdapter.MyViewHolder> {
  6 
  7     Context context;
  8     List<LoadFileVo> fileList = null;
  9     View view;
 10     int picNum = 8;//列表的圖片個數最大值
 11 
 12     public LoadPicAdapter(Context context, List<LoadFileVo> fileList) {
 13         this.context = context;
 14         this.fileList = fileList;
 15     }
 16 
 17     public LoadPicAdapter(Context context, List<LoadFileVo> fileList, int picNum) {
 18         this.context = context;
 19         this.fileList = fileList;
 20         this.picNum = picNum;
 21     }
 22 
 23     public interface OnItemClickListener {
 24         void click(View view, int positon);
 25 
 26         void del(View view);
 27     }
 28 
 29     OnItemClickListener listener;
 30 
 31     public void setListener(OnItemClickListener listener) {
 32         this.listener = listener;
 33     }
 34 
 35     @Override
 36     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
 37 
 38         view = LayoutInflater.from(context).inflate(R.layout.load_item_pic, parent, false);
 39         return new MyViewHolder(view);
 40     }
 41 
 42     @Override
 43     public void onBindViewHolder(MyViewHolder holder, final int position) {
 44 
 45         //通過預設設置第一個為空文件為添加退保，且在文件個數小於最大限制值的情況。當圖片個數等於最大限制值，第一個則不是添加按鈕
 46         if (position == 0&&fileList.get(position).getBitmap()==null) {
 47             holder.ivPic.setImageResource(R.drawable.addpic);//加號圖片
 48             holder.ivPic.setOnClickListener(new View.OnClickListener() {
 49                 @Override
 50                 public void onClick(View view) {
 51                     listener.click(view, position);
 52                 }
 53             });
 54             holder.ivDel.setVisibility(View.INVISIBLE);
 55             holder.bg_progressbar.setVisibility(View.GONE);
 56 
 57         } else {
 58 //            Uri uri = Uri.parse(fileList.get(position).getFile().getPath());
 59 //            holder.ivPic.setImageURI(uri);
 60 
 61             holder.ivPic.setImageBitmap(fileList.get(position).getBitmap());
 62             //使用壓縮後的圖片進行填充到界面上
 63            
 64
 65 
 66             holder.ivDel.setVisibility(View.VISIBLE);
 67             holder.bg_progressbar.setVisibility(View.VISIBLE);
 68             holder.bg_progressbar.setProgress(fileList.get(position).getPg());
 69         }
 70 
 71 
 72         holder.ivDel.setOnClickListener(new View.OnClickListener() {
 73             @Override
 74             public void onClick(View view) {
 75                 //判斷圖片是否上傳，上傳後將無法刪除
 76                 if (fileList.get(position).isUpload()) {
 77                     Toast.makeText(context, "該圖片已上傳！", Toast.LENGTH_SHORT).show();
 78                 } else {
 79                     fileList.remove(position);                 
 80                     if (fileList.size()==picNum-1&&fileList.get(0).getBitmap()!=null){
 81                         fileList.add(0,new LoadFileVo());
 82                     }//如果數量達到最大數時，前面的加號去掉，然後再減去時，則添加前面的加號
 83                     notifyDataSetChanged();
 84                     if (listener!=null){
 85                         listener.del(view);//傳遞介面，計算圖片個數顯示在界面中
 86                     }
 87 
 88                 }
 89             }
 90         });
 91 
 92 
 93     }
 94 
 95     @Override
 96     public int getItemCount() {
 97         return fileList.size();
 98     }
 99 
100 
101     static class MyViewHolder extends RecyclerView.ViewHolder {
102         @BindView(R.id.ivPic)
103         ImageView ivPic;
104         @BindView(R.id.ivDel)
105         ImageView ivDel;
106         @BindView(R.id.bg_progressbar)
107         ProgressBar bg_progressbar;
108 
109         View view;
110 
111 
112         MyViewHolder(View view) {
113             super(view);
114             this.view = view;
115             ButterKnife.bind(this, view);
116         }
117     }
118 }        

item 佈局//佈局自行優化

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     android:layout_width="@dimen/dp_110"
 3     android:layout_height="@dimen/dp_115"
 4 
 5     >
 6 
 7     <LinearLayout
 8         android:layout_width="match_parent"
 9         android:layout_height="match_parent"
10         android:orientation="vertical"
11         android:padding="@dimen/dp_5">
12 
13         <ImageView
14             android:id="@+id/ivPic"
15             android:layout_width="match_parent"
16             android:layout_height="@dimen/dp_100"
17             android:scaleType="centerCrop"
18             android:src="@drawable/ic_pick"
19             />
20 
21         <ProgressBar
22             android:id="@+id/bg_progressbar"
23             style="@style/StyleProgressBarMini"
24             android:layout_width="match_parent"
25             android:layout_height="@dimen/dp_5"
26             android:background="@drawable/shape_progressbar_mini"
27             android:max="100"
28             android:progress="60" />
29     </LinearLayout>
30     <ImageView
31         android:id="@+id/ivDel"
32         android:layout_width="@dimen/dp_25"
33         android:layout_height="@dimen/dp_25"
34         android:src="@drawable/delete_round"
35         android:layout_alignParentRight="true"/>
36 
37 </RelativeLayout>

 1 List<LoadFileVo> fileList = new ArrayList<>();
 2 LoadPicAdapter adapter = null;
 3 
 4   //這裡使用ButterKnife
 5     @BindView(R.id.rvPic)
 6       RecyclerView rvPic;
 7 
 8     @BindView(R.id.tvNum)
 9        TextView tvNum;
10 
11 
12     //初始化Adapter
13     //設置圖片選擇的介面
14     private void initAdapter() {
15         fileList.add(new LoadFileVo());
16         adapter = new LoadPicAdapter(this, fileList,8);
17         rvPic.setAdapter(adapter);
18         rvPic.setLayoutManager(new GridLayoutManager(this, 3));
19         adapter.setListener(new LoadPicAdapter.OnItemClickListener() {
20             @Override
21             public void click(View view, int positon) {
22                 if (fileList.size()>8){
23                     showShortToast("一次最多上傳8張圖片！");
24                 }else {
25                     selectPic();  //選擇添加圖片方法
26                 }
27 
28             }
29 
30             @Override
31             public void del(View view) {
32                 tvNum.setText((fileList.size()-1)+"/8");
33             }
34         });
35     }

《核心代碼》

 1 String mPhtotPath;
 2 Uri uriImage;
 3 File mPhotoFile = null;
 4 
 5 
 6 //選擇圖片
 7 private void selectPic() {
 8 
 9 //動態請求許可權，除此之外還需進行Androidmanifest.xml中進行請求
10 
11         if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA)
12                 != PackageManager.PERMISSION_GRANTED || ContextCompat.checkSelfPermission(this,
13                 Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED
14                 || ContextCompat.checkSelfPermission(this,
15                 Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
16             ActivityCompat.requestPermissions(this,
17                     new String[]{Manifest.permission.CAMERA,
18                             Manifest.permission.READ_EXTERNAL_STORAGE,
19                             Manifest.permission.WRITE_EXTERNAL_STORAGE},
20                     1);
21         }
22 
23 
24         final CharSequence[] items = {"相冊", "拍照"};
25         AlertDialog.Builder dlg = new AlertDialog.Builder(EndLoadMstActivity.this);
26         dlg.setTitle("添加圖片");
27         dlg.setItems(items, new DialogInterface.OnClickListener() {
28             public void onClick(DialogInterface dialog, int item) {
29                 // 這裡item是根據選擇的方式，
30                 if (item == 0) {
31                     Intent intent = new Intent(Intent.ACTION_PICK);
32                     intent.setType("image/*");
33                     startActivityForResult(intent, 0);
34                 } else {
35                     try {
36                         Intent intent = new Intent("android.media.action.IMAGE_CAPTURE");
37                         mPhtotPath = getSDPath() + "/" + getPhotoFileName();
38                         mPhotoFile = new File(mPhtotPath);
39                         if (!mPhotoFile.exists()) {
40                             mPhotoFile.createNewFile();
41                         }
42 //                        uriImage = FileProvider.getUriForFile(EndLoadMstActivity.this, getPackageName() + ".provider", createImageFile());
43 
44                         uriImage = FileProvider.getUriForFile(EndLoadMstActivity.this, "com.ahbcd.app.tms.provider", mPhotoFile);
45                         Log.i("TAG", "onClick: "+mPhtotPath+"---------" + getPackageName() + ".provider");
46                         // uriImage = Uri.fromFile(mPhotoFile);以上一句代替解決相機相容問題
47                         intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
48                         intent.putExtra(MediaStore.EXTRA_OUTPUT, uriImage);
49 
50                         startActivityForResult(intent, 1);
51 
52                     } catch (Exception e) {
53                         e.printStackTrace();
54                     }
55                 }
56             }
57         }).create();
58         dlg.show();
59     }
60 
61 public String getSDPath() {
62         File sdDir = null;
63         boolean sdCardExsit = Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED);
64         if (sdCardExsit) {
65             sdDir = Environment.getExternalStorageDirectory();
66         }
67         return sdDir.toString();
68     }
69 
70     private String getPhotoFileName() {
71         Date date = new Date(System.currentTimeMillis());
72         SimpleDateFormat dateFormat = new SimpleDateFormat("'IMG'_yyyyMMdd_HHmmss");
73         return dateFormat.format(date) + ".jpg";
74     }

註：這裡需要在Android中配置一個proveder 具體請參考 Android 系統7.0以上調用相機相容問題

《獲取返回的圖片》

 1 //重寫onActivityResult方法
 2 @Override
 3     protected void onActivityResult(int requestCode, int resultCode, Intent data) {
 4         super.onActivityResult(requestCode, resultCode, data);
 5         if (requestCode == 1) {
 6             BitmapFactory.Options options = new BitmapFactory.Options();
 7             options.inSampleSize = 2; //圖片寬高都為原來的二分之一，即圖片為原來的四分之一
 8             Bitmap bitmap = BitmapFactory.decodeFile(mPhtotPath, options);
 9             if (bitmap != null) {
10                 if (uriImage != null) {
11                     saveUritoFile(uriImage,1);
12                 }
13 
14                 if (!bitmap.isRecycled()) {
15                     bitmap.recycle(); //回收圖片所占的記憶體
16                     System.gc(); //提醒系統及時回收
17                 }
18             }
19         }
20         if (requestCode == 0) {
21             if (data != null) {
22                 Uri uri = data.getData();
23                 saveUritoFile(uri,0);
24             }
25         }
26 
27     }
28 
29 //將Uri圖片類型轉換成File，BitMap類型
30 //在界面上顯示BitMap圖片，以防止記憶體溢出
31 //上傳可選擇File文件上傳
32 
33     private void saveUritoFile(Uri uriImage,int type) {
34         Bitmap photoBmp = null;
35 
36         if (uriImage != null) {
37             try {
38 //                photoBmp = MediaStore.Images.Media.getBitmap(this.getContentResolver(), uriImage);
39 //                ByteArrayOutputStream fos = new ByteArrayOutputStream();
40 //                photoBmp.compress(Bitmap.CompressFormat.JPEG, 80, fos);
41                 //以上代碼壓縮不行，還是會造成記憶體溢出
42 
43                 BitmapFactory.Options options = new BitmapFactory.Options();
44                 options.inSampleSize = 2; //圖片寬高都為原來的二分之一，即圖片為原來的四分之一
45                 photoBmp = BitmapFactory.decodeStream(this.getContentResolver()
46                         .openInputStream(uriImage), null, options);
47 
48                 File file = new File("");
49                 if (type==0){
50                     file = FileParseUtils.getFileByUri(this, uriImage);
51 
52                 }else {
53                     if (mPhotoFile!=null){
54                         file = mPhotoFile;
55                     }
56 
57                 }
58 //                File file = new File("");
59 //                try {
60 //                    file = new File(new URI(uriImage.toString()));
61 //                } catch (URISyntaxException e) {
62 //                    e.printStackTrace();
63 //                }
64                 fileList.add(new LoadFileVo(file, false, 0, photoBmp));
65                 tvNum.setText((fileList.size()-1)+"/8");
66                 if (fileList.size()>8){    //判斷時候達到最大數量，如果達到最大數量，則去掉前面的加號
67                     fileList.remove(0);
68                 }
69 
70                 adapter.notifyDataSetChanged();
71 
72             } catch (IOException e) {
73                 e.printStackTrace();
74                 Log.i("TAG", "saveUritoFile: ---------壓縮圖片異常！");
75             }
76 
77 
78         }
79 
80     }

圖片上傳到後臺OKhttp

  1 //一張張圖片輪流上傳
  2 public void netUpload(int i, final String joData) {//用jsonOject方式轉string傳遞其他參數
  3         try {
  4 
  5             if (!isRequestHttp) {
  6                 isRequestHttp = true;
  7                 final int finalI = i;
  8                 enterEnable(false);
  9 
 10                 if (fileList.get(finalI).isUpload()) {
 11                     netUpload(finalI + 1, joData);
 12                 } else {
 13 
 14         RequestBody requestBody = new MultipartBody.Builder()
 15                 .setType(MultipartBody.FORM)
 16                 .addFormDataPart("mstjson",msg)  //其他信息
 17                 .addFormDataPart("file", file.getName(),
 18                         RequestBody.create(MediaType.parse("application/octet-stream"), file))//文件
 19                 .build();
 20         Request request = new Request.Builder()
 21                 .url(uploadPic---這裡是圖片上傳的地址).post(requestBody)
 22                 .build();
 23         okHttpClient.newCall(request).enqueue(new UICallBack() {
 24                         @Override
 25                         public void onFailureUI(Call call, IOException e) {
 26                             showShortToast("連接伺服器失敗");
 27                             isRequestHttp = true;
 28                             enterEnable(true);
 29 
 30                         }
 31 
 32                         @Override
 33                         public void onResponseUI(Call call, Response response) {
 34                             try {
 35 
 36                                 isRequestHttp = false;
 37 
 38                                 String result = response.body().string();
 39                                 Utils.log("上傳圖片結果：" + result);
 40 
 41 
 42                                 if (!response.isSuccessful()) {
 43                                     Utils.log("響應失敗：" + response.code());
 44                                     showShortToast("響應失敗：" + response.code());
 45                                     enterEnable(true);
 46 
 47                                     return;
 48                                 }
 49                                 if (result.equals("{}")) {
 50                                     showShortToast("獲取服務端數據為空");
 51                                     enterEnable(true);
 52 
 53                                     return;
 54                                 }
 55                                 JSONObject jsonObject = new JSONObject(result);
 56                                 i