將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); 
      }); 
     }); 
    }