AngularJS 显示从 Spring @RestController 收到的 PDF (byte[])

使用AngularJS显示从Spring @RestController收到的PDF (byte[])

java
@RestController
public class FileController {
    @GetMapping("/pdf")
    public ResponseEntity getPdf() throws IOException {
        // 从数据库或文件系统中获取PDF字节数组
        byte[] pdfBytes = getPdfBytes();
        HttpHeaders headers = new HttpHeaders();
        headers.setContentType(MediaType.APPLICATION_PDF);
        headers.setContentDispositionFormData("filename", "example.pdf");
        return new ResponseEntity<>(pdfBytes, headers, HttpStatus.OK);
    }
    private byte[] getPdfBytes() throws IOException {
        // 从数据库或文件系统中获取PDF字节数组的逻辑
        // 这里仅作示例，实际应根据具体业务逻辑来获取字节数组
        FileInputStream fileInputStream = new FileInputStream("path/to/example.pdf");
        return fileInputStream.readAllBytes();
    }
}

html
    
    

javascript
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope, $http) {
    $http.get("/pdf", {responseType: 'arraybuffer'})
        .then(function(response) {
            var file = new Blob([response.data], {type: 'application/pdf'});
            $scope.pdfUrl = URL.createObjectURL(file);
        });
});