Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)

使用Cordova可以很方便的通过js代码读取系统相簿里面的照片,同使用设备摄像头拍照一样,同样需要先添加camera插件。

一,添加camera插件

首先我们要在“终端”中进入工程所在的目录,然后运行如下命令:

cordova plugin add cordova-plugin-camera

可以看到camera相机插件已经成功添加了:

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第1张图片
原文:Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第2张图片
原文:Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)

二,获取照片

我们可以选择是从“照片库(时刻)”中读取图片,或者从“相簿”中读取图片。
1,从“相簿”中获取照片

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第3张图片
原文:Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第4张图片
Paste_Image.png

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第5张图片
Paste_Image.png

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第6张图片
Paste_Image.png
Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第7张图片
Paste_Image.png

2,从“照片库(时刻)”中获取照片

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第8张图片
原文:Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)
Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第9张图片
原文:Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第10张图片
Paste_Image.png

Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑)_第11张图片
Paste_Image.png

原文出自:
www.hangge.com
转载请保留原文链接:
http://www.hangge.com/blog/cache/detail_1148.html

你可能感兴趣的:(Cordova - 使用Cordova开发iOS应用实战5(获取手机里照片,并编辑))