效果图:
添加依赖:
选择图片: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。个人认为这个富文本很干净,还很多功能。 选择了编辑器 我就慢慢