Angular前端Spring后端文件下载不工作或损坏
创始人
2024-10-29 02:00:43
0

使用HTTP响应头告知浏览器文件类型,并将文件数据作为响应体发送回前端,同时要确保正确地设置编码格式。以下是基于Spring Boot的Java代码示例:

@GetMapping("/download")
public ResponseEntity downloadFile() throws IOException {
    String fileName = "example.pdf";
    Resource resource = new ClassPathResource(fileName);

    // 设置HTTP响应头
    HttpHeaders headers = new HttpHeaders();
    headers.add(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"" + fileName + "\"");

    // 发送文件数据
    return ResponseEntity.ok()
            .contentType(MediaType.parseMediaType("application/pdf"))
            .headers(headers)
            .body(new InputStreamResource(resource.getInputStream()));
}

在上述示例中,downloadFile()是一个GET请求处理器,它返回了一个响应实体ResponseEntity,其中包含了文件数据。fileName是要下载的文件的名称,Resource是文件的资源对象,可以从文件系统、类路径或URL等位置加载。首先,我们设置了响应头,指定了浏览器应该下载该文件而不是显示在浏览器中。然后,我们设置了响应体的类型为PDF文件,并将 Resource 对象的输入流包装在 InputStreamResource 中,以便能够将其添加到响应体中。最后,我们返回了一个HTTP状态为200(OK)的响应实体。

在Angular前端中,您可以使用HttpClient服务对后端进行HTTP GET请求,以获取文件数据。以下是获取PDF文件的示例代码:

import { HttpClient, HttpHeaders, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable({
    providedIn: 'root'
})
export class FileService {
    private fileUrl = '/api/download';
    private httpOptions = {
        responseType: 'blob' as 'json',
        headers: new HttpHeaders({
            'Content-Type': 'application/json'
        })
    };

    constructor(private http: HttpClient) { }

    downloadFile(): Observable> {
        return this.http.get(this.fileUrl, {
            observe: 'response',
            ...this.httpOptions
        });
    }
}

在上述示例中,我们首先定义了一个fileUrl常量,其中包含将在后端URL上调用的文件下载端点。然后,我们定义了一个包含responseType(即响应体类型)和headers(即

相关内容

热门资讯

记者揭秘!智星菠萝辅助(透视辅... 记者揭秘!智星菠萝辅助(透视辅助)拱趴大菠萝辅助神器,扑克教程(有挂细节);模式供您选择,了解更新找...
一分钟揭秘!约局吧能能开挂(透... 一分钟揭秘!约局吧能能开挂(透视辅助)hhpoker辅助靠谱,2024新版教程(有挂教学);约局吧能...
透视辅助!wepoker模拟器... 透视辅助!wepoker模拟器哪个好用(脚本)hhpoker辅助挂是真的,科技教程(有挂技巧);囊括...
透视代打!hhpkoer辅助器... 透视代打!hhpkoer辅助器视频(辅助挂)pokemmo脚本辅助,2024新版教程(有挂教程);风...
透视了解!约局吧德州真的有透视... 透视了解!约局吧德州真的有透视挂(透视脚本)德州局HHpoker透视脚本,必胜教程(有挂分析);亲,...
六分钟了解!wepoker挂底... 六分钟了解!wepoker挂底牌(透视)德普之星开辅助,详细教程(有挂解密);德普之星开辅助是一种具...
9分钟了解!wpk私人辅助(透... 9分钟了解!wpk私人辅助(透视)hhpoker德州透视,插件教程(有挂教学);风靡全球的特色经典游...
推荐一款!wepoker究竟有... 推荐一款!wepoker究竟有透视(脚本)哈糖大菠萝开挂,介绍教程(有挂技术);囊括全国各种wepo...
每日必备!wepoker有人用... 每日必备!wepoker有人用过(脚本)wpk有那种辅助,线上教程(有挂规律);wepoker有人用...
玩家必备教程!wejoker私... 玩家必备教程!wejoker私人辅助软件(脚本)哈糖大菠萝可以开挂,可靠技巧(有挂神器)申哈糖大菠萝...