Android實(shí)現(xiàn)圖片選擇上傳功能實(shí)例
效果圖:
添加依賴:
選擇圖片:compile 'com.lzy.widget:imagepicker:0.5.4'
github地址:https://github.com/jeasonlzy/ImagePicker
上傳文件:compile 'com.zhy:okhttputils:2.6.2'
github地址:https://github.com/hongyangAndroid/okhttputils
MainActivity.java
package com.yechaoa.uploadimage; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.GridLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.View; import android.widget.AdapterView; import com.lzy.imagepicker.ImagePicker; import com.lzy.imagepicker.bean.ImageItem; import com.lzy.imagepicker.ui.ImageGridActivity; import com.lzy.imagepicker.ui.ImagePreviewDelActivity; import com.lzy.imagepicker.view.CropImageView; import java.util.ArrayList; import java.util.List; import okhttp3.Call; public class MainActivity extends AppCompatActivity implements ImagePickerAdapter.OnRecyclerViewItemClickListener{ public static final int IMAGE_ITEM_ADD = -1; public static final int REQUEST_CODE_SELECT = 100; public static final int REQUEST_CODE_PREVIEW = 101; private ImagePickerAdapter adapter; private ArrayList<ImageItem> selImageList; //當(dāng)前選擇的所有圖片 private int maxImgCount = 8; //允許選擇圖片最大數(shù) private HttpUtil httpUtil; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); httpUtil = new HttpUtil(); findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { uploadImage(selImageList); } }); //最好放到 Application oncreate執(zhí)行 initImagePicker(); initWidget(); } private void initImagePicker() { ImagePicker imagePicker = ImagePicker.getInstance(); imagePicker.setImageLoader(new GlideImageLoader()); //設(shè)置圖片加載器 imagePicker.setShowCamera(true); //顯示拍照按鈕 imagePicker.setCrop(true); //允許裁剪(單選才有效) imagePicker.setSaveRectangle(true); //是否按矩形區(qū)域保存 imagePicker.setSelectLimit(maxImgCount); //選中數(shù)量限制 imagePicker.setMultiMode(false); //多選 imagePicker.setStyle(CropImageView.Style.RECTANGLE); //裁剪框的形狀 imagePicker.setFocusWidth(800); //裁剪框的寬度。單位像素(圓形自動(dòng)取寬高最小值) imagePicker.setFocusHeight(800); //裁剪框的高度。單位像素(圓形自動(dòng)取寬高最小值) imagePicker.setOutPutX(1000); //保存文件的寬度。單位像素 imagePicker.setOutPutY(1000); //保存文件的高度。單位像素 } private void initWidget() { RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView); selImageList = new ArrayList<>(); adapter = new ImagePickerAdapter(this, selImageList, maxImgCount); adapter.setOnItemClickListener(this); recyclerView.setLayoutManager(new GridLayoutManager(this, 4)); recyclerView.setHasFixedSize(true); recyclerView.setAdapter(adapter); } private SelectDialog showDialog(SelectDialog.SelectDialogListener listener, List<String> names) { SelectDialog dialog = new SelectDialog(this, R.style.transparentFrameWindowStyle, listener, names); if (!this.isFinishing()) { dialog.show(); } return dialog; } @Override public void onItemClick(View view, int position) { switch (position) { case IMAGE_ITEM_ADD: List<String> names = new ArrayList<>(); names.add("拍照"); names.add("相冊(cè)"); showDialog(new SelectDialog.SelectDialogListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { switch (position) { case 0: // 直接調(diào)起相機(jī) //打開(kāi)選擇,本次允許選擇的數(shù)量 ImagePicker.getInstance().setSelectLimit(maxImgCount - selImageList.size()); Intent intent = new Intent(MainActivity.this, ImageGridActivity.class); intent.putExtra(ImageGridActivity.EXTRAS_TAKE_PICKERS,true); // 是否是直接打開(kāi)相機(jī) startActivityForResult(intent, REQUEST_CODE_SELECT); break; case 1: //打開(kāi)選擇,本次允許選擇的數(shù)量 ImagePicker.getInstance().setSelectLimit(maxImgCount - selImageList.size()); Intent intent1 = new Intent(MainActivity.this, ImageGridActivity.class); startActivityForResult(intent1, REQUEST_CODE_SELECT); break; default: break; } } }, names); break; default: //打開(kāi)預(yù)覽 Intent intentPreview = new Intent(this, ImagePreviewDelActivity.class); intentPreview.putExtra(ImagePicker.EXTRA_IMAGE_ITEMS, (ArrayList<ImageItem>) adapter.getImages()); intentPreview.putExtra(ImagePicker.EXTRA_SELECTED_IMAGE_POSITION, position); intentPreview.putExtra(ImagePicker.EXTRA_FROM_ITEMS,true); startActivityForResult(intentPreview, REQUEST_CODE_PREVIEW); break; } } @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (resultCode == ImagePicker.RESULT_CODE_ITEMS) { //添加圖片返回 if (data != null && requestCode == REQUEST_CODE_SELECT) { ArrayList<ImageItem> images = (ArrayList<ImageItem>) data.getSerializableExtra(ImagePicker.EXTRA_RESULT_ITEMS); if (images != null){ selImageList.addAll(images); adapter.setImages(selImageList); } } } else if (resultCode == ImagePicker.RESULT_CODE_BACK) { //預(yù)覽圖片返回 if (data != null && requestCode == REQUEST_CODE_PREVIEW) { ArrayList<ImageItem> images = (ArrayList<ImageItem>) data.getSerializableExtra(ImagePicker.EXTRA_IMAGE_ITEMS); if (images != null){ selImageList.clear(); selImageList.addAll(images); adapter.setImages(selImageList); } } } } private String url="http..."; private void uploadImage(ArrayList<ImageItem> pathList) { httpUtil.postFileRequest(url, null, pathList, new MyStringCallBack() { @Override public void onError(Call call, Exception e, int id) { super.onError(call, e, id); } @Override public void onResponse(String response, int id) { super.onResponse(response, id); //返回圖片的地址 } }); } }
Demo地址:https://github.com/yechaoa/UploadImage
以上就是全部?jī)?nèi)容,包含了代碼,大家還有任何其他疑問(wèn)可以在下方的留言討論,感謝你對(duì)腳本之家的支持。
相關(guān)文章
Android6.0 storage目錄sd卡存儲(chǔ)的路徑創(chuàng)建詳解
這篇文章主要介紹了Android6.0 storage目錄sd卡存儲(chǔ)的路徑創(chuàng)建的相關(guān)資料,需要的朋友可以參考下2017-01-01Android App使用SQLite數(shù)據(jù)庫(kù)的一些要點(diǎn)總結(jié)
這篇文章主要介紹了Android App使用SQLite數(shù)據(jù)庫(kù)的一些要點(diǎn)總結(jié),使用Sqlite作為應(yīng)用的嵌入式數(shù)據(jù)庫(kù)非常輕便,需要的朋友可以參考下2016-03-03Android使用ViewFlipper和GestrueDetector共同實(shí)現(xiàn)滑屏效果實(shí)例
這篇文章主要介紹了Android使用ViewFlipper和GestrueDetector共同實(shí)現(xiàn)滑屏效果,結(jié)合完整實(shí)例形式分析了ViewFlipper和GestrueDetector控件實(shí)現(xiàn)滑屏功能的布局與相關(guān)操作技巧,需要的朋友可以參考下2017-02-02flutter仿微信底部圖標(biāo)漸變功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了flutter仿微信底部圖標(biāo)漸變功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04Json數(shù)據(jù)解析模擬美團(tuán)界面顯示
這篇文章主要介紹了Json數(shù)據(jù)解析模擬美團(tuán)界面顯示,涉及到j(luò)son數(shù)據(jù)解析相關(guān)知識(shí),本文寫(xiě)的非常不錯(cuò),具有參考價(jià)值,特此分享供大家學(xué)習(xí)2016-01-01關(guān)于AndroidStudio新建與編譯項(xiàng)目速度慢解決辦法
這篇文章主要介紹了關(guān)于AndroidStudio新建與編譯項(xiàng)目速度慢的解決辦法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10android中LinearLayoutManager一鍵返回頂部示例
本篇文章主要介紹了android中LinearLayoutManager一鍵返回頂部,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-02-02