点击按钮获取照片

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先打开应用的界面的主页 … 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 ,所以会让我们直接在相册里去选择图片,而不是去拍一张新的照片 ..

第一次运行这个应用的时候,会提示用户是否允许应用访问设备的相册 …

找到刚才我们保存在相册里的图片 … 选择 ….

在调试的控制台上,会输出选择的图片的地址 ….

点击按钮获取照片《 PhoneGap 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点