PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 5500|回复: 2

shencha touch 使用phonegap拍照或者从相册选取图片提交

[复制链接]

1

主题

5

帖子

19

积分

新手上路

Rank: 1

积分
19
发表于 2014-4-14 10:08:07 | 显示全部楼层 |阅读模式
        photograph: function(){
                navigator.camera.getPicture(onSuccess, onFail, {
                                sourceType : Camera.PictureSourceType.CAMERA,        //相机获取(默认的)
                                destinationType: Camera.DestinationType.FILE_URI,    //返回图像文件的URI
                                quality: 50,  //图像质量[0,100],必须低于50,否则可能会引起iPhone上内存不足
                                allowEdit:true  
//                                targetWidth:500,  
//                        targetHeight:730,

                        });
                                               
                function onSuccess(imageURI) {
                        var thumbnail=document.getElementById('thumbnail');
                        thumbnail.style.display='';
                        thumbnail.src=imageURI
                        pickUrl = imageURI;
                }
                       
                function onFail(message) {
                        console.log('Failed because: ' + message);
                }
    },
    album:function(){
            navigator.camera.getPicture(onSuccess, onFail, {
                             sourceType:Camera.PictureSourceType.PHOTOLIBRARY,   //相册读取
//                                 destinationType: Camera.DestinationType.DATA_URL,   //返回Base64编码字符串的图像数据
                                 destinationType: Camera.DestinationType.FILE_URI,   //返回图像文件的URI
                                 quality: 50,
                                 allowEdit:true,  
//                         targetWidth:500,  
//                         targetHeight:730,  
                         mediaType:Camera.MediaType.PICTURE  //设置选择图片的类型PICTURE(图片)、VIDEO(video类型)、ALLMEDIA (全部)
                        });
                function onSuccess(imageURI) {
                        var thumbnails=document.getElementById('thumbnail');
                        thumbnails.style.display='';
                        thumbnails.src=imageURI;
                        pickUrl = imageURI;

                }
                       
                function onFail(message) {
                        console.log('Failed because: ' + message);
                }
    },
        uploadFile:        function () {
               
                        imageURI=pickUrl
                       
                        var form=Ext.getCmp('imageUpload');
                       
                        var options = new FileUploadOptions();  
            options.name = "file";        //必填与服务器对于,服务器上要求为nane= "file"
            options.filename = imageURI.substr(imageURI.lastIndexOf('/') + 1);    //图片名字
            options.mimeType = "multipart/form-data";       //文件上传必须使用该编码(enctype="multipart/form-data") {也可以定义上传格式("image/jpeg";)}
                options.params = {'assets.id':form.init.id.id, 'remark':Ext.getCmp('fileRemark').getValue(),'from':1}   //其他数据
            options.chunkedMode = false;   
            
            if(imageURI){
                                form.showMask('正在提交中...');
                        }
            
                        var ft = new FileTransfer();
                        ft.upload(imageURI,
                                        italm.basePath+form.url,
                                        function(result) {
                                                form.hideMask();
                                                form.reset()
                                                Ext.Msg.alert('提交成功');
                                                pickUrl='';
                                                var thumbnails=document.getElementById('thumbnail');
                                                thumbnails.style.display='none';       
                                        },
                                        function(error) {
                                                Ext.Msg.alert('提交失败,未获取图片或格式错误');
                                                form.hideMask();
                                                console.log('Error uploading' + ': ' + error.code);
                                        },
                                        options);  
                }
}));
var pickUrl='' ;  全局变量图片地址
it营
回复

使用道具 举报

3

主题

11

帖子

82

积分

注册会员

Rank: 2

积分
82
发表于 2014-5-19 12:49:28 | 显示全部楼层
看不懂呀。跪求实例下载呀。
it营
回复 支持 反对

使用道具 举报

0

主题

4

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2015-1-20 10:25:26 | 显示全部楼层
求实例,谢谢
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-1-19 21:17 , Processed in 0.230535 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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