起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2087|回复: 4

[结贴] 跪求!wex5 中调用相机进行截图上传picCut功能

[复制链接]

15

主题

44

帖子

326

积分

中级会员

Rank: 3Rank: 3

积分
326
QQ
发表于 2016-11-20 22:38:24 | 显示全部楼层 |阅读模式
各位大侠,跪求wex5 中调用相机进行截图上传picCut功能,能不能直接采用下图方式调用相册或拍照,而不用input file进行选择,input file 选择打开的界面太二了,效果不好
想实现下面这样的行不行?
QQ截图20161120223612.jpg
且在手机上默认进去打开的居然是这样的,和浏览器上测试时样式也不一样(没有选择区域了),很变扭,请求高手指教!!!!!!
QQ截图20161120223650.jpg
发表于 2016-11-21 13:24:22 | 显示全部楼层
UI2/demo/picCut/mainActivity.w
是这个案例吗??
你试试手机系统自带浏览器可以吗??
本地测试没问题呢
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

15

主题

44

帖子

326

积分

中级会员

Rank: 3Rank: 3

积分
326
QQ
 楼主| 发表于 2016-11-21 13:29:33 | 显示全部楼层
liangyongfei 发表于 2016-11-21 13:24
UI2/demo/picCut/mainActivity.w
是这个案例吗??
你试试手机系统自带浏览器可以吗??

这个例子上面是调用了file.click()打开的,还需要选择相机、相册、摄像机、录音等具体按钮才能进入,不方便,且默认打开的界面不美观,有没有直接像我上面画的图那样,直接点击按钮就调用,且把结果返回给file可以进行截图的功能
回复 支持 反对

使用道具 举报

发表于 2016-11-21 15:16:31 | 显示全部楼层
GMlife 发表于 2016-11-21 13:29
这个例子上面是调用了file.click()打开的,还需要选择相机、相册、摄像机、录音等具体按钮才能进入,不方 ...

这个需要自己写代码实现!关于获取本地图片,请使用fileAPI
http://docs.wex5.com/wex5-app-question-list-2034/

照相后获取图片url 请参考:http://docs.wex5.com/wex5-app-question-list-2007/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

15

主题

44

帖子

326

积分

中级会员

Rank: 3Rank: 3

积分
326
QQ
 楼主| 发表于 2016-11-21 17:59:26 | 显示全部楼层
liangyongfei 发表于 2016-11-21 15:16
这个需要自己写代码实现!关于获取本地图片,请使用fileAPI
http://docs.wex5.com/wex5-app-question-lis ...

谢谢,问题已解决,点击不同功能设置camera.getPicture的参数sourceType为相册或相机就可直接调用相应的功能,将返回的数据DATA_URL进行转换后即可实现,如下:
                navigator.camera.getPicture(onLoadImageSuccess, onLoadImageFail, {
                        destinationType : navigator.camera.DestinationType.DATA_URL,
                        sourceType                : navigator.camera.PictureSourceType.PHOTOLIBRARY,
                        quality : 80,
                        //targetWidth : 100,
                        //targetHeight : 100,
                        saveToPhotoAlbum : false
                });
               
                // 拍照成功后回调
                function onLoadImageSuccess(imageData) {
                        localStorage.setItem("imageData", "data:image/jpeg;base64," + imageData);
                        var smallImage = $(self.getElementByXid('chooseImage'));
                        // 显示图像
                        var imgdata = "data:image/jpeg;base64," + imageData;
                        smallImage.src = imgdata;
                       
                        var $image = $('.cropper-example-1 > img');
                        var blobURL = URL.createObjectURL(self.dataURLtoBlob(imgdata));
                        $image.one('built.cropper', function() {
                                URL.revokeObjectURL(blobURL); // Revoke when load complete
                        }).cropper('reset').cropper('replace', blobURL);
                }

                function onLoadImageFail(error) {
                }
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-15 10:56 , Processed in 0.071844 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表