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(即

相关内容

热门资讯

透视ai!wpk辅助ai,we... 透视ai!wpk辅助ai,wepoker可以透视码,必赢方法(总是真的是有挂);一、wpk辅助ai有...
透视系统!wpk辅助购买,we... 透视系统!wpk辅助购买,wepoker辅助器怎么用,三分钟了解(有挂方法)1、快速入门:当你通过点...
透视有挂!wpk脚本是什么,德... 透视有挂!wpk脚本是什么,德州透视脚本,必胜教程(先前真的是有挂)需要回顾用户提供的搜索结果,比如...
透视有挂!红龙poker透视工... 透视有挂!红龙poker透视工具,wpk透视辅助靠谱吗,热点讨论(有挂教程),您好,wpk透视辅助靠...
透视新版!wepoker辅助透... 透视新版!wepoker辅助透视软件,拱趴大菠萝有挂吗,软件教程(原先存在有挂);wepoker辅助...
透视教学!wepoker辅助器... 透视教学!wepoker辅助器怎么用,aapoker透视脚本下载,玩家实测(有挂规律)1、每个玩家都...
透视ai代打!wepoker底... WePoke高级策略深度解析‌;透视ai代打!wepoker底牌透视脚本下载,wepoker好友房开...
透视透视!aapoker透视脚... 透视透视!aapoker透视脚本,aapoker辅助插件工具,重要通知(有挂教学)是一款可以让一直输...
透视好友房!wepoker辅助... 《wepoker辅助透视软件软件透明挂》是一款多人竞技的wepoker辅助透视软件辅助透视游戏,你将...
透视app!wepoker透视... 透视app!wepoker透视脚本下载,hhpoker辅助下载,一分钟了解(有挂规律)1.wepok...