当前位置: 首页 > 编程笔记 >

Android实现图片选择上传功能实例

长孙知
2023-03-14
本文向大家介绍Android实现图片选择上传功能实例,包括了Android实现图片选择上传功能实例的使用技巧和注意事项,需要的朋友参考一下

效果图:



添加依赖:

选择图片:compile 'com.lzy.widget:imagepicker:0.5.4'

html" target="_blank">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; //当前选择的所有图片 
  private int maxImgCount = 8;        //允许选择图片最大数 
  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执行 
    initImagePicker(); 
    initWidget(); 
  } 
  private void initImagePicker() { 
    ImagePicker imagePicker = ImagePicker.getInstance(); 
    imagePicker.setImageLoader(new GlideImageLoader());  //设置图片加载器 
    imagePicker.setShowCamera(true);           //显示拍照按钮 
    imagePicker.setCrop(true);              //允许裁剪(单选才有效) 
    imagePicker.setSaveRectangle(true);          //是否按矩形区域保存 
    imagePicker.setSelectLimit(maxImgCount);       //选中数量限制 
    imagePicker.setMultiMode(false);           //多选 
    imagePicker.setStyle(CropImageView.Style.RECTANGLE); //裁剪框的形状 
    imagePicker.setFocusWidth(800);            //裁剪框的宽度。单位像素(圆形自动取宽高最小值) 
    imagePicker.setFocusHeight(800);           //裁剪框的高度。单位像素(圆形自动取宽高最小值) 
    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("相册"); 
        showDialog(new SelectDialog.SelectDialogListener() { 
          @Override 
          public void onItemClick(AdapterView<?> parent, View view, int position, long id) { 
            switch (position) { 
              case 0: // 直接调起相机 
                //打开选择,本次允许选择的数量 
                ImagePicker.getInstance().setSelectLimit(maxImgCount - selImageList.size()); 
                Intent intent = new Intent(MainActivity.this, ImageGridActivity.class); 
                intent.putExtra(ImageGridActivity.EXTRAS_TAKE_PICKERS,true); // 是否是直接打开相机 
                startActivityForResult(intent, REQUEST_CODE_SELECT); 
                break; 
              case 1: 
                //打开选择,本次允许选择的数量 
                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: 
        //打开预览 
        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) { 
      //预览图片返回 
      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

以上就是全部内容,包含了代码,大家还有任何其他疑问可以在下方的留言讨论,感谢你对小牛知识库的支持。

 类似资料:
  • 本文向大家介绍Android实现拍照、选择图片并裁剪图片功能,包括了Android实现拍照、选择图片并裁剪图片功能的使用技巧和注意事项,需要的朋友参考一下 一、 实现拍照、选择图片并裁剪图片效果 按照之前博客的风格,首先看下实现效果。      二、 uCrop项目应用 想起之前看到的Yalantis/uCrop效果比较绚,但是研究源码之后发现在定制界面方面还是有一点的限制,于是在它的基础上做了修

  • 本文向大家介绍angular2+nodejs实现图片上传功能,包括了angular2+nodejs实现图片上传功能的使用技巧和注意事项,需要的朋友参考一下 在使用angular2进行图片上传的时候,遇到了各种各样的问题。在多番尝试之后最终成功上传图片,下面将我的方法分享给大家: nodejs 后台代码 angular2前台代码  以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持

  • 本文向大家介绍java实现多图片上传功能,包括了java实现多图片上传功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了java实现多图片上传功能的具体代码,供大家参考,具体内容如下 开发环境:jdk1.7,MyEclipse10 框架用的是spring。用到了maven工具(maven的包百度下就可以)。 四步完成,全部复制改参数就可以 第一步:先在Spring中对图片进行限制

  • 本文向大家介绍jQuery实现下拉框选择图片功能实例,包括了jQuery实现下拉框选择图片功能实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现下拉框选择图片功能。分享给大家供大家参考。具体如下: 让下拉框中显示图片,并可选择对应图片,让select下拉框不仅可显示文字,还可以显示图片内容。为了更生动些,这里还加入了jQuery动画效果,当展开Select列表的时候,图片

  • 本文向大家介绍Android图片或拍照选择图片功能实例代码,包括了Android图片或拍照选择图片功能实例代码的使用技巧和注意事项,需要的朋友参考一下 前言 一般公司都有更换用户头像功能,需要从图库中选择图片或者拍照,基本还会对图片进行裁剪。最近抽空就做了一些简单的封装,方便以后使用。主要是用了建造者模式,链式调用,方便简单。可以自定义图片路径,附带裁剪和简单压缩功能。使用实例如下: 相册图片 说

  • 本文向大家介绍php用wangeditor3实现图片上传功能,包括了php用wangeditor3实现图片上传功能的使用技巧和注意事项,需要的朋友参考一下 就在最近,公司让我写一个后台,其中用到了富文本编辑器。自从这个富文本的出现 我就慢慢的进入了一个坑,起初不知道用什么编辑器好,看了好多好多,最后选择了。这个 wangeditor3。个人认为这个富文本很干净,还很多功能。 选择了编辑器 我就慢慢