從Angular2服務下載文件不起作用。

我在創建Angular2服務從服務器下載文件時遇到問題。我有表格，每個記錄都有單個文件。點擊一些唱片，叫下載方法：從Angular2服務下載文件不起作用。

download(r: FileObject) { 
    this.repositoryService.download(r).then((result) => { 
     let blob = new Blob([result.blob()], { type: result.headers.get('content-type') }); 
     let url = window.URL.createObjectURL(blob); 
     window.open(url); 
    }); 
}

哪裏有合適的文件對象當前文件下載。

在我RepositoryService我寫道：

download(data: FileObject) { 
    let options: RequestOptions = this.getParams(data.name); 
    return this.http.get(`/repository/file`, options) 
     .toPromise() 
     .then((response) => { 
      this.authService.refreshSession(); 
      return response; 
     }) 
     .catch(this.handleError); 
}

getParams是一個簡單的方法來在URL傳遞文件名作爲parametr：

private getParams(filePath: string): RequestOptions { 
    let params: URLSearchParams = new URLSearchParams(); 
    params.set('filePath', filePath); 
    let requestOptions = new RequestOptions({responseType: ResponseContentType.Blob}); 
    requestOptions.params = params; 
    return requestOptions; 
}

我登錄所有的方法，我看到該文件當我嘗試下載它們時，它會被正確返回，但它不能保存。

當我嘗試下載jpg文件時，屏幕刷新並沒有任何保存。當我嘗試下載XML文件，不帶擴展名陌生文件保存：

任何人都可以幫助我，告訴我，我做錯了什麼？

來源

2017-05-25 Jaroslaw K.

好吧，file-saver library幫了我。

要在角CLI項目安裝文件金丹庫，你必須添加所需的依賴關係：

npm install -save file-saver 
npm install -save @types/file-saver

使用庫與我的代碼的例子：

在服務中：

download(data: FileObject): Promise<Blob> { 
     let options: RequestOptions = this.getParams(data.name); 
     return this.http.get(`/repository/file`, options) 
      .toPromise() 
      .then((response) => { 
       this.authService.refreshSession(); 
       let contentType = { 
        type: response.headers.get('content-type') 
       }; 
       return new Blob([response.blob()], contentType); 
      }) 
      .catch(this.handleError); 
    }

和在你必須輸入FileSaver以這種方式組成：

import * as FileSaver from 'file-saver';

並使用FileSaver如下：

download(r: FileObject) { 
    this.repositoryService.download(r).then((result) => { 
     FileSaver.saveAs(result, r.name); 
    }); 
}

我希望這可以幫助別人。在我的情況下，我使用了angular4。我沒有檢查較低版本

來源

2017-05-26 09:32:09

我得到錯誤TypeError：FileDialog.saveAs不是函數。當我嘗試Jaroslaw K.解決方案時。我正在使用Angular 4.4。4

如果我這樣做;

// import * as FileSaver from 'file-saver'; 
let saveAs = require('file-saver');

和

saveAs(result, r.name);

保存到磁盤，但沒有出現對話框。

來源

2017-10-10 09:18:17 Stig

從Angular2服務下載文件不起作用。

回答

相關問題