首先html 文件
<ion-row>
</ion-row>
import {ImagePicker }
uploadImages(){
let options = {
maximumImagesCount: 10,
};
ImagePicker.getPictures alert('Image URL: ' + results[i]);
}
}, (err) => {
alert('Image ERR: ' + err);
});
}
注意先要安装imagePicker
官网的ionic-native使用的是: https://github.com/Telerik-Verified-Plugins/ImagePicker 然而该插件不支持中文,那怎么处理? plugin.xml配置 然后就可以类似下面那样在安装插件时使用variable变量设置参数: ionic cordova plugin add https://github.com/woodstream/ImagePicker.git --variable CAMERA_USAGE_DESCRIPTION="your usage message" 修改过的插件已上传到: https://github.com/woodstream/ImagePicker 当然,此插件可以直接安装,如下: ionic cordova plugin add https://github.com/woodstream/ImagePicker 最最后,有个恶心的地方我还没动它
imagepicker是一个开源的图片选取控件,支持单选、多选、设置裁剪等。 1.在build.gradle中添加: compile 'com.zzti.fengyongge:imagepicker:1.2.0' 2.在manifest.xml中添加: <activity android :name="com.zzti.fengyongge.<em>imagepicker</em>.PhotoSelectorActivity" /> //选择图片 <activity android:name="com.zzti.fengyongge.<em>imagepicker</em>.PhotoPreviewActivity
; 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 imagePicker = ImagePicker.getInstance(); imagePicker.setImageLoader(new GlideImageLoader()); //设置图片加载器 imagePicker.setShowCamera(true); //显示拍照按钮 imagePicker.setCrop //是否按矩形区域保存 imagePicker.setSelectLimit(maxImgCount); //选中数量限制 imagePicker.setMultiMode
info))resultHandler; 小结 本篇文章就跟大家简单的介绍了一下PhotoKit几个常用对象的概念以及API的调用,在下篇文章中,我会继续给大家带来利用PhotoKit打造专属自己的Imagepicker
alloc] init]; imagePicker.delegate =self; imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary ; imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical; imagePicker.allowsEditing 对象,然后设置imagePicker对象为当前对象,设置imagePicker的图片来源为UIImagePickerControllerSourceTypePhotoLibrary,表明当前图片的来源为相册 alloc] init]; imagePicker.delegate =self; imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera ; imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical; imagePicker.allowsEditing
调查了一下,GitHub大部分仿微信imagePicker还是基于TZImagePicker,swift出了那么长时间了。
isCamera) { NSLog(@"没有摄像头"); return ; } UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init]; imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera; imagePicker.delegate = self; // 编辑模式 imagePicker.allowsEditing = YES; [self presentViewController:imagePicker animated alloc] init]; imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary; imagePicker.delegate = self; [self presentViewController:imagePicker animated:YES completion:^{ }]; } // 选中照片 (void
不同的参数 首先创建一个 var imagePicker : UIImagePickerController! () self.imagePicker.delegate = self; self.imagePicker.allowsEditing = true; switch type{ case "拍照": self.imagePicker.sourceType = .Camera break case "相册": self.imagePicker.sourceType = .PhotoLibrary break case "录像": self.imagePicker.sourceType = .Camera self.imagePicker.videoMaximumDuration = 60 * 3 self.imagePicker.videoQuality = .Type640x480 (self.imagePicker, animated: true, completion: nil) } swift 可以支持字符串,你也可以尝试其他类型看看!
= @[(NSString *)kUTTypeImage]; self.imagePicker.allowsEditing = YES; [self presentViewController:self.imagePicker [self presentViewController:self.imagePicker animated:YES completion:nil = UIImagePickerControllerSourceTypeCamera; self.imagePicker.cameraDevice = UIImagePickerControllerCameraDeviceRear; self.imagePicker.mediaTypes
cordova-plugin-camera npm install --save @ionic-native/camera ionic cordova plugin add cordova-plugin-telerik-imagepicker 导入 app.module.ts ... import {Camera} from "@ionic-native/camera"; import {ImagePicker} from "@ionic-native Camera, ImagePicker, ... ] ... }) ... 3. NavParams, public actionSheetCtrl: ActionSheetController, public alertCtrl: AlertController, public imagePicker 更多 Ionic Native - Camera GitHub - cordova-plugin-camera Ionic Native - Image Picker GitHub - ImagePicker
IncomingMethodCallHandler$1.success(MethodChannel.java:238) W/Binder (30392): at io.flutter.plugins.imagepicker.ImagePickerDelegate.finishWithSuccess (ImagePickerDelegate.java:540) W/Binder (30392): at io.flutter.plugins.imagepicker.ImagePickerDelegate.handleImageResult (ImagePickerDelegate.java:505) W/Binder (30392): at io.flutter.plugins.imagepicker.ImagePickerDelegate.access $000(ImagePickerDelegate.java:66) W/Binder (30392): at io.flutter.plugins.imagepicker.ImagePickerDelegate $4.onPathReady(ImagePickerDelegate.java:470) W/Binder (30392): at io.flutter.plugins.imagepicker.ImagePickerDelegate
/视频选择 DNImagePicker DNImagePicker 图片选择 Objective-C 调用方式 //代理 DNImagePickerControllerDelegate let imagePicker = DNImagePickerController(); imagePicker.imagePickerDelegate = self; imagePicker.filterType = DNImagePickerFilterType.Photos ; imagePicker.navigationBar.tintColor = UIColor.whiteColor(); self.presentViewController(imagePicker, { imagePicker.dismissViewControllerAnimated(true, completion: nil); } func dnImagePickerController (imagePicker: DNImagePickerController!
> <key>NSCameraUsageDescription</key> <string>此 App 需要您的同意才能使用相机</string> 示例代码 从相册选择单个图片并裁剪 ImagePicker.openPicker width: 300, height: 400, cropping: true }).then(image => { console.log(image); }); 从相册选择多个图片 ImagePicker.openPicker ({ multiple: true }).then(images => { console.log(images); }); 从相册选择视频 ImagePicker.openPicker({ mediaType: "video", }).then((video) => { console.log(video); }); 从相机选择图片 ImagePicker.openCamera({ width: 300, height: 400, cropping: true }).then(image => { console.log(image); }); 裁剪图片 ImagePicker.openCropper
MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { /// 图像文件对象 File _image; /// ImagePicker 引擎实例 final picker = ImagePicker(); Future getImage() async { // 获取图像的核心方法 final pickedFile Flutter 插件给出的 , 这里由于我的 Flutter SDK 版本很低 , 无法使用最新插件 , 使用的是 image_picker: ^0.5.2 版本的插件 , 代码略有不同 ; 旧版本拍照 : ImagePicker.pickImage (source: ImageSource.camera); 新版本拍照 : /// ImagePicker 引擎实例 final picker = ImagePicker(); /// image_picker.dart 包 /// import 'package:image_picker/image_picker.dart'; final pickedFile = await ImagePicker.pickImage
- (IBAction)selectPhoto:(id)sender { UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init]; imagePicker.editing = YES; imagePicker.delegate = self; /* 如果这里allowsEditing设置为 */ //允许编辑图片 imagePicker.allowsEditing = YES; /* 这里以弹出选择框的形式让用户选择是打开照相机还是图库 */ //初始化提示框 = UIImagePickerControllerSourceTypeCamera; [self presentViewController:imagePicker animated:YES = UIImagePickerControllerSourceTypePhotoLibrary; [self presentViewController:imagePicker animated
从手机相册中获得图片并显示在imageView中 - (IBAction)albumClocked:(id)sender { //创建一个图片选择器 UIImagePickerController *imagePicker = [[UIImagePickerController alloc]init]; //设置选择器的资源类型 imagePicker.sourceType =UIImagePickerControllerSourceTypeSavedPhotosAlbum ; //设置代理 imagePicker.delegate = self; //采用模态窗口 进行显示 [self presentViewController :imagePicker animated:YES completion:nil]; } #pragma mark-imagePickerController方法 -(void)imagePickerController
这次说下主角:ImagePicker——ionic官网推荐插件。 它是fork自cordova-imagePicker插件的,代码没特别问题,只是不知道它是有意还是无意,把非标准插件所需的两个grade文件上传上去了,而它所fork的源码是没有这两文件的: ? 亏我还fork了这个错误版本以添加中文支持(见ImagePicker中文支持)!!!
使用插件 // 图片文件 File _image; // 实例化 final picker = ImagePicker(); // 获取图片方法 Future getImage() async { ImagePickerState extends State<ImagePickerPage> { // 图片文件 File _image; // 实例化 final picker = ImagePicker BuildContext context) { return Scaffold( appBar: AppBar( title: Text("ImagePicker
记录选择的照片 File _image; //拍照 Future _getImageFromCamera() async { var image = await ImagePicker.pickImage _image = image; }); } //相册选择 Future _getImageFromGallery() async { var image = await ImagePicker.pickImage String _imgServerPath; //拍照 Future _getImageFromCamera() async { var image = await ImagePicker.pickImage _image = image; }); } //相册选择 Future _getImageFromGallery() async { var image = await ImagePicker.pickImage