使用angularjs下載文件

Question

我試圖下載一個文件，以便用戶可以選擇打開或保存。他們單擊文件名：

<a href data-ng-click="getFile(file.id)"> 
        {{file.name}}</span> 
       </a> 

那麼這個調用的角度JS文件

$scope.getFile= function ($id) { 
    var getInputFilePromise = fileFactory.getInputFile($id); 
    getFilePromise.success(function ($data) { 
     var blob = new Blob([$data], {type: 'text/csv'}); 
     //code to allow downloading file 
}); 
} 

工廠擁有下面的代碼獲取從Java控制器的byte []的方法：

getFile: function ($id) { 
     return $http.get('/downloadFile?id=' + $id, {responseType:'arraybuffer'}); 
    } 

正如你可以從我的getFile方法看到的，我將數據轉換爲blob，但我無法將其發送到html。我已經嘗試過在這裏發佈的衆多解決方案，但都沒有工作。

var blob = new Blob([$data], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"}); 
     var objectUrl = URL.createObjectURL(blob); 
     window.open(objectUrl); 

上述代碼片段允許下載文件，但Excel無法打開它。

任何幫助將是偉大的，因爲我是新的角。我也想避免使用FileSaver.js

我也試過以下，但它不起作用。

var hiddenElement = document.createElement('a'); 
      hiddenElement.href = 'data:attachment/csv,' + encodeURI($data); 
      hiddenElement.target = '_blank'; 
      hiddenElement.download = fileName; 
      hiddenElement.click(); 

Answer 1

嘗試用這樣的事情，在你的GetFile方法的第一行：

var fileName = "outputfile.pdf"; 
var a = document.createElement("a"); 

而且在你的成功：

getFilePromise.success(function ($data) { 
    var file = new Blob([data], {type: 'application/pdf'}); 
    var fileURL = URL.createObjectURL(file); 
    a.href = fileURL; 
    a.download = fileName; 
    a.click(); 
}