使用插件拍照渲染图片出问题

w1017894741

使用navigator.camera.getPicture()方法,在成功回调函数中对img渲染图片,只显示了一个表示"没有图片"的小图标,附图:


获取的imgData数据:


代码:
   

1. //拍照
   
2.      function takePhotos() {
   
3.              var pictureSource;//图片来源
   
4.              var destinationType;//设置返回值的格式
   
5.              var self = this;
   
6.              //等待phonegap连接设备
   
7.              document.addEventListener("deviceready", onDeviceReady, false);
   
8.              //PhoneGap准备就绪，可以使用！
   
9.              function onDeviceReady() {
   
10.                       pictureSource = navigator.camera.PictureSourceType;
    
11.                       destinationType = navigator.camera.DestinationType;
    
12. 
    
13.                       // 设定图片来源。通过nagivator.camera.PictureSourceType进行定义。（数字类型）
    
14.                       var source = pictureSource.CAMERA;
    
15.                       var destination = destinationType.DATA_URL;
    
16. 
    
17.                      //使用设备上的摄像头拍照,并获得Base64编码字符串格式的图像
    
18.                      navigator.camera.getPicture(onPhotoDataSuccess, onFail, {quality : 50});
    
19. 
    
20.                      function onPhotoDataSuccess(imageData) {
    
21.                              var uri ="data:image/jpeg;base64," + imageData;
    
22.                              $(self.getElementByXid("showImage")).attr("src",uri);//渲染图片
    
23.                      }
    
24.             
    
25.                      // 当有错误发生时触发此函数
    
26.                      function onFail(mesage) {
    
27.                               alert('Failed because: ' + message);
    
28.                      }
    
29.         }

复制代码

ionicwang

base64的话用的是这个
   var uri ="data:image/jpeg;base64," + imageData;
$(self.getElementByXid("showImage")).attr("src",uri);//渲染图片

但是你拍照的时候的参数不是base64方式

所以直接

$(self.getElementByXid("showImage")).attr("src",imageData);//渲染图片