如何將html文件轉換爲字節數組使用angularjs

Question

我需要將照片轉換爲字節數組。我加載照片與HTML這樣的：

<input class="form-control" 
      type="file" 
      name="filename" 
      tooltip="Buscar foto" 
      ng-file-select="onFileSelect($files)"> 

onFileSelect功能將文件保存在我的範圍內的變量。這是代碼。

$scope.onFileSelect = function ($files) { 
     $scope.selectedFile = $files; 
    }; 

現在，我需要把這個文件轉換成字節數組，以顯示它爲圖片後使用data-ng-src =" data: image/png; base64, {{selectedFile}} "但我不知道如何做到這一點。任何想法？謝謝

編輯 這是$文件日誌的圖片。

Answer 1

退房http://www.javascripture.com/FileReader

所以，你的情況，你可以這樣做：

$scope.onFileSelect = function($file){ 
    var reader = new FileReader(); 
    reader.onload = function(e){ 
    console.log("about to encode"); 
    $scope.encoded_file = btoa(e.target.result.toString()); 
    }; 
    reader.readAsBinaryString($file); 
}; 

注有幾種方法用的FileReader對象讀取文件。非常適合作爲二進制，文本和數組緩衝區進行讀取！