對Base64 Ionic的圖像進行編碼和解碼

Question

我正在製作一個將圖像作爲字符串上傳到某些在線服務的應用程序（離子），我只有設備上圖像的URI，如何加載圖像並將其轉換以base64字符串，並在以後在應用程序中查看它？

Answer 1

使用FileReader：

的的FileReader對象允許Web應用程序異步讀取存儲在用戶的計算機上的文件（或原始數據緩衝區）的內容，使用文件或BLOB對象到指定的文件或數據讀取。

通過創建function：

function convertFileToDataURLviaFileReader(url, callback){ 
    var xhr = new XMLHttpRequest(); 
    xhr.responseType = 'blob'; 
    xhr.onload = function() { 
     var reader = new FileReader(); 
     reader.onloadend = function() { 
      callback(reader.result); 
     } 
     reader.readAsDataURL(xhr.response); 
    }; 
    xhr.open('GET', url); 
    xhr.send(); 
} 

然後調用它得到base64數據：

convertFileToDataURLviaFileReader('yourUrlHere',function(base64Data){ 
    //do something with base64Date 

    //show image 
    $scope.imageSrc=base64Data; 
}); 

隨着標記：

<image ng-src="imageSrc" />