将base64映像发送到Firebase存储电话号码

Question

我在将我的base64图像从phonegap（ios）发送到firebase存储时遇到问题。主要问题是firebase存储只接受BLOB或文件作为附件。

继承人我的代码相机功能。科尔多瓦 - 插件相机

function GetCamera(){ 
navigator.camera.getPicture(cameraSuccess, cameraError, {quality :50, 
    destinationType: Camera.DestinationType.DATA_URL, 
    encodingType: Camera.EncodingType.JPEG, 
    saveToPhotoAlbum: true});} 

功能转换基地64成团块

function b64toblob(b64_data, content_type) { 
    content_type = content_type || ''; 
    var slice_size = 512; 

    var byte_characters = atob(b64_data); 
    var byte_arrays = []; 

    for(var offset = 0; offset < byte_characters.length; offset += slice_size) { 
     var slice = byte_characters.slice(offset, offset + slice_size); 

     var byte_numbers = new Array(slice.length); 
     for(var i = 0; i < slice.length; i++) { 
      byte_numbers[i] = slice.charCodeAt(i); 
     } 

     var byte_array = new Uint8Array(byte_numbers); 

     byte_arrays.push(byte_array); 
    } 

    var blob = new Blob(byte_arrays, {type: content_type}); 
    return blob;}; 

相机成功的功能。需要注意的是imageblob是一个全局变量

function cameraSuccess(imageData){ 
document.getElementById('Attachment1').innerHTML = "Attachment: True"; 
var image = imageData; 
imageblob = b64toblob(image,"image/jpeg");} 

把BLOB以火力存储

try{ 
var storageRef = storage.ref().child('fire'); 
var uploadTask = storageRef.put(imageblob); 
uploadTask.on('state_changed',null, null, function(){ 
var downloadURL = uploadTask.snapshot.downloadURL; 
console.log("downloadURL :"+downloadURL); 
}); 

我已经尝试每一件事情，但它不工作。真的需要你的家伙帮助..我没有想法

Answer 1

科尔多瓦相机插件不返回文件对象。这是插件的问题。 但它返回有关图像的所有细节。通过使用它你可以创建一个blob或文件对象。

Reference for creating blob from file url。为获取文件的blob

getFileObject('img/test.jpg', function (fileObject) { // First argument is path of the file 
    console.log(fileObject); 
}); 

var getFileBlob = function (url, cb) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", url); 
    xhr.responseType = "blob"; 
    xhr.addEventListener('load', function() { 
     cb(xhr.response); 
    }); 
    xhr.send(); 
}; 

var blobToFile = function (blob, name) { 
    blob.lastModifiedDate = new Date(); 
    blob.name = name; 
    return blob; 
}; 

var getFileObject = function(filePathOrUrl, cb) { 
    getFileBlob(filePathOrUrl, function (blob) { 
     cb(blobToFile(blob, 'test.jpg')); // Second argument is name of the image 
    }); 
}; 

呼叫功能在相机功能的成功尝试这个。

function cameraSuccess(imageData){ 
    document.getElementById('Attachment1').innerHTML = "Attachment: True"; 
    getFileObject(imageData.nativeURL, function(fileObject) { 
      console.log(fileObject); 
      var imgName = fileObject.name; 
      var metadata = { contentType: fileObject.type }; 
      var uploadFile = storageRef.child("images/" + imgName).put(fileObject, metadata); 

      uploadFile.on(firebase.storage.TaskEvent.STATE_CHANGED, function(snapshot) { 
       var progress = (snapshot.bytesTransferred/snapshot.totalBytes) * 100; 
       console.log(progress); 
      }, function(error) { 
       console.log(error); 
      }, function() { 
       var imgFirebaseURL = uploadFile.snapshot.downloadURL; 
       console.log(imgFirebaseURL); 
      }); 
     }); 
    }