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

相关内容

热门资讯

发现一款!aapoker辅助挂... 发现一款!aapoker辅助挂多功能透视工具,本来是真的有挂(有挂细节)aapoker能透视中分为三...
技术分享!wepoker辅助挂... 技术分享!wepoker辅助挂多功能透视工具,确实是有挂(有挂技术)亲,关键说明,wepoker透视...
重磅来袭!微扑克辅助挂多功能透... 重磅来袭!微扑克辅助挂多功能透视工具,其实有挂(有挂工具)1、操作简单,无需微扑克手机版透视脚本,只...
总算明白!WPK辅助挂多功能透... 总算明白!WPK辅助挂多功能透视工具,确实是真的有挂(有挂秘诀)1)WPK有没有挂:进一步探索WPK...
带你了解!德扑圈辅助挂多功能透... 带你了解!德扑圈辅助挂多功能透视工具,真是存在有挂(真是有挂)德扑圈脚本下载中分为三种模型:德扑圈挂...
一分钟快速了解!wpk辅助挂多... 一分钟快速了解!wpk辅助挂多功能透视工具,原来真的是有挂(有挂教学)1、许多玩家不知道wpk辅助怎...
实测教程!AAPoKer辅助挂... 实测教程!AAPoKer辅助挂多功能透视工具,果然是真的有挂(有挂细节);1、进入游戏-大厅左侧-新...
研究成果!德扑之星辅助挂多功能... 研究成果!德扑之星辅助挂多功能透视工具,原来存在有挂(有挂方略)德扑之星破解侠是真的助透视。每个模型...
必知教程!微扑克辅助挂多功能透... 必知教程!微扑克辅助挂多功能透视工具,其实真的是有挂(有挂猫腻)1、实时微扑克透视辅助更新:用户可以...
玩家必备教程!德扑之星辅助挂多... 玩家必备教程!德扑之星辅助挂多功能透视工具,一直真的是有挂(有挂解密)德扑之星辅助器是一种具有地方特...