火力地堡3 +离子2 +科尔多瓦 - 插件相机 - 上传文件

Question

我想上传使用科尔多瓦 - 插件摄像头，但没有成功照片火力存储：

这里是我的代码：

let options:any = { 
    quality : 100, 
    destinationType : Camera.DestinationType.DATA_URL, 
    sourceType : Camera.PictureSourceType.CAMERA, 
    allowEdit : false, 
    encodingType: Camera.EncodingType.JPEG, 
    mediaType: Camera.MediaType.PICTURE, 
    targetWidth: 1920, 
    targetHeight: 1920, 
    saveToPhotoAlbum: true, 
    cameraDirection: Camera.Direction.FRONT 
}; 

Camera.getPicture(this.options).then((imageData) => { 

       let blob: any = new Blob([imageData], { type: "image/jpeg" }); 
       blob.name = 'image.jpg'; 

       let storageRef: any = firebase.storage().ref(); 
       let path: string = 'images/' + this.user.uid + '/' + Math.random().toString(36).substr(2, 9) + '.jpg'; 

       console.log(path); 

       let uploadTask: any = storageRef.child(path).put(blob); 

       uploadTask.on('state_changed', function(snapshot) { 
        console.log(snapshot); 
       }, function(error) { 
        this.showAlert(error); 
       }, function() { 
        var downloadURL = uploadTask.snapshot.downloadURL; 
        console.log(downloadURL); 

        console.log(this.user); 

        this.user.set({photo: downloadURL}); 
       }); 

      }, (err) => { 
       this.showAlert(err); 
      }); 

我不知道为什么，但它似乎上传，当我检查文件是空的。

任何帮助，请？

谢谢。

Answer 1

问题是与这部分

let blob: any = new Blob([imageData], { type: "image/jpeg" });

您需要的imageData从BASE64转换为一个斑点。我建议按照此链接https://stackoverflow.com/a/16245768/3227392使用atob函数来生成Blob。这对我来说是完全相同的用例。

虽然有一点需要注意，DATA_URL内存很大，所以对于较大的照片来说这可能会有问题。