AngularJS承諾不使用FileReader解析文件

Question

我想在我的服務中編寫一個非常簡單的函數，它將創建一個FileReader，讀取我發送的小圖像文件並將此結果返回給我的控制器。該文件得到我的服務就好了。它到達我的控制器並記錄一條空白行。我認爲我搞亂了這個承諾的一部分。我在哪裏錯了？

服務funtion -

this.fileRead = function(file) { 
    var deferred = $q.defer(); 

    var reader = new FileReader(); 
    reader.readAsDataURL(file); 

    deferred.resolve(reader.result); 

    return deferred.promise; 
}; 

控制器功能 -

$scope.onFileSelect = function($files) { 
    MyService.fileRead($files[0]) 
        .then(function(result) { 
        console.log(result); 
       }); 
}; 

Answer 1

你沒有onload事件，所以它實際上沒有返回讀取的文件數據。

this.fileRead = function(file) { 
    var deferred = $q.defer(); 

    var reader = new FileReader(); 

    reader.onload = function() { 
     deferred.resolve(reader.result); 
    }; 

    reader.readAsDataURL(file); 

    return deferred.promise; 
};