1

我似乎无法从HttpResponseMessage. 我可以使用 ZipArchive 及其所有内容文件成功创建 zip 文件，但是从客户端下载它时（尽管它确实返回并成功打开），名称以 16 字节十六进制格式显示，如 guid。我想为我的 zip 文件设置一个自定义名称。我应该在哪里做这个？

设置ContentDisposition不起作用：

responseMessage.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment")
{
     FileName = attachmentName
};

从使用 Angular2+ 的客户端，我将文件作为 blob 返回：

DownloadAtachment(url: string): Observable<Blob> { 
 const requestHeaders = new Headers(
    {
        'Content-Type', 'application/json',
        'Accept', 'application/zip'
    },
 );

 let options = new RequestOptions({ headers: requestHeaders });
 let args: RequestOptionsArgs = {headers: options, withCredentials:false, responseType: ResponseContentType.ArrayBuffer};

 return this._http.get(url, args)
    .map(response => {
        return new Blob([response.blob()], { type: 'application/zip'});
    });
}
4

3 回答 3

1

我仍然不完全确定为什么不使用 HttpResponseMessage 标头，但我只是使用了不同的方式来处理响应。因此，不要使用以下命令打开 blob：

const fileurl = URL.createObjectURL(res);
window.open(fileurl, '_self');

我使用 a@ViewChild访问不可见的锚标记来处理单击并设置附件名称：

const fileurl = URL.createObjectURL(res);
const link = this.zipClick.nativeElement as HTMLAnchorElement;
link.href = fileurl;
link.donwload = "Name.zip";
link.click();
window.URL.revokeObjectURL(fileurl);
于 2019-03-15T11:36:57.577 回答
1

我建议使用file-saverjs 库（检查Angular 2 Best approach to use FileSaver.js）或者ngx-filesaver，更多信息在这里https://www.npmjs.com/package/ngx-filesaver

于 2019-03-14T12:08:00.553 回答
0

如果你不需要使用 Angular 的 HttpClient 下载它，你可以简单<a [href]="url" target="_blank">Download zip</a>地在模板中创建一个。它也许也有效。

于 2019-03-14T12:24:57.963 回答