如何使用Angular和Java在浏览器的另一页中打开预览文件（pdf、docx、txt等）

Question

我正在使用Angular7和Java8开发一个web应用程序。我正在上传一个文件（pdf、docx、txt等），但问题是我无法通过RESTful web服务在浏览器的另一个页面中打开它。我得到错误415不支持的媒体类型。我尝试过这个帖子，但没有成功。以下是前端和后端的代码片段：

角组件（通过传递路径文件名的按钮调用的方法示例：C/doc/foo.pdf）

download(doc) {     
     this.service.downloadFile(doc.path).subscribe(response => {
        if(response) {
           let blob = new Blob([response], { type: 'text/json; charset=utf-8' });
           const url= window.URL.createObjectURL(blob);
           window.open(url);
        }   
     });
 }

角度服务

downloadFile(path): Observable<Blob> {
    const url = '/download';
    return this.http.post<Blob>(url, path, { responseType: 'blob' as 'json' });
}

Java控制器

@PostMapping(value = "download", produces = { MediaType.APPLICATION_JSON_UTF8_VALUE })
@ResponseBody
public byte[] download(@RequestBody String path) {
    try {
        return this.provvedimentoService.getDownload(path);
    } catch (IOException | EgesException e) {
        e.printStackTrace();
        return null;
    }
}

Java服务

public byte[] getDownload(String pathFile) throws EgesException, IOException {
    Path path = Paths.get(pathFile);
    if(path.toFile().exists())
        return Files.readAllBytes(path);
    else
        throw new EgesException(EgesExceptionConstants.WARNING_ACT_NOTFOUND_EXCEPTION);
}

Answer 1

你不能。浏览器没有任何内置的方式来查看Word文档，因此，除非用户已将浏览器配置为使用某个插件打开它（世界上99%的人都没有这样做），否则浏览器将提示他们下载该文件。

目前没有浏览器具有呈现Word文档所需的代码，据我所知，目前也没有用于呈现Word文档的客户端库。

但是，如果你只需要显示Word文档，但不需要编辑它，你可以通过一个使用谷歌文档的查看器

<iframe src="https://docs.google.com/gview?url=http://remote.url.tld/path/to/document.doc&embedded=true"></iframe>

许多人使用这种方法来查看他们的文档文件。您可以在此处查看：如何使用fancybox显示word文档

<iframe width="100%" height="300px" src="https://docs.google.com/gview?url=http://index-of.co.uk/Google/googlehacking.pdf&embedded=true"></iframe>