由ajax excel文件下载已损坏

Question

我有一个Spring Boot Web应用程序，它生成带有扩展名.xlsx的Microsoft Excel文件。

如果我尝试从浏览器中调用localhost:8080/report/stats来下载文件，则返回正确的文件，我总是可以成功打开它。

但是，当我通过点击按钮从网页下载文件时，我收到一个错误的文件，我无法打开它。

我在JS上有以下部分：

$.ajax({
    url: 'report/stats',
    type: "GET",
    success: function (data) {
        var link = document.createElement('a');
        link.download = 'report.xlsx';
        link.href = 'data:,' + data;
        link.click();
    }
});

控制器：

@GetMapping("stats")
public ResponseEntity downloadStatsReport() throws IOException {
    return fileResponse(excelReportService.create(new StatFilter()));
}

private ResponseEntity fileResponse(File report) throws IOException {
    InputStreamResource resource = new InputStreamResource(new FileInputStream(report));
    return ResponseEntity.ok()
            .contentLength(report.length())
            .header(HttpHeaders.CONTENT_DISPOSITION, "attachment;filename=" + report.getName())
            .contentType(MediaType.APPLICATION_OCTET_STREAM)
            .body(resource);
}

为什么从浏览器下载效果不错，而不适用于JS？

打开文件错误：

点击了YES：

NO需要点击：

Answer 1

我可以使用以下代码

下载有效文件

function download(fileName) {
    window.location.href = "/download?description=test&logId=123";
}