先打开应用的界面的主页 … index.html … 然后添加一个按钮 … button … 在上面再定义一个 ID … 叫它 getimage …
下面我们要让这个按钮可以去触发执行获取图片的动作 … 回到 index.js ..
在 deviceready 事件发生以后要做的事情里面 … 输入
var getImage = document.getElementById('getimage);
getImage.addEventListener('click', app.getPhoto, false);
先找到页面上 ID 是 getimage 的元素 … 也就是选择图片的按钮 … 然后监听这个按钮的点击事件 … 当点击以后，就会执行 getPhoto() 里面设计的动作 …
预览
我们先去预览一下 … 保存 … 然后打开设备的模拟器 …
在电脑上找到一张图片 … 直接拖到这个模拟器上面 … 然后点击这个 分享 的小图标 … 选择 存储 … 这样会把图片存储到设备的相册里面 …
下面再去重新编译并且安装一下应用 … phonegap run --emulator ios
完成以后，点击 选择图片 这个按钮 … 因为 sourceType 选项我们设置成了 PHOTOLIBRARY，而不是 Camera ，所以会让我们直接在相册里去选择图片，而不是去拍一张新的照片 ..
第一次运行这个应用的时候，会提示用户是否允许应用访问设备的相册 …
找到刚才我们保存在相册里的图片 … 选择 ….
在调试的控制台上，会输出选择的图片的地址 ….
