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-01
Android 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-03
Android使用ViewFlipper和GestrueDetector共同實(shí)現(xiàn)滑屏效果實(shí)例
這篇文章主要介紹了Android使用ViewFlipper和GestrueDetector共同實(shí)現(xiàn)滑屏效果,結(jié)合完整實(shí)例形式分析了ViewFlipper和GestrueDetector控件實(shí)現(xiàn)滑屏功能的布局與相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
flutter仿微信底部圖標(biāo)漸變功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了flutter仿微信底部圖標(biāo)漸變功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
Json數(shù)據(jù)解析模擬美團(tuán)界面顯示
這篇文章主要介紹了Json數(shù)據(jù)解析模擬美團(tuán)界面顯示,涉及到j(luò)son數(shù)據(jù)解析相關(guān)知識(shí),本文寫的非常不錯(cuò),具有參考價(jià)值,特此分享供大家學(xué)習(xí)2016-01-01
關(guān)于AndroidStudio新建與編譯項(xiàng)目速度慢解決辦法
這篇文章主要介紹了關(guān)于AndroidStudio新建與編譯項(xiàng)目速度慢的解決辦法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10
android中LinearLayoutManager一鍵返回頂部示例
本篇文章主要介紹了android中LinearLayoutManager一鍵返回頂部,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-02-02

