java - 如何实现springmvc将返回的给前端的pdf文件放在浏览器里预览？

Question

想在浏览器里直接GET目标URL,然后就把PDF在浏览器里预览出来（不用前端插件的前提下），就像这样：

http://docs.spring.io/spring/...

后端代码：

@RequestMapping(value = "/showPDF", method = RequestMethod.GET)
public ResponseEntity<byte[]> pdfDownload(
        HttpServletRequest httpServletRequest
) throws IOException
{
    String path = XXX省略。。。
    File file = new File(path);
    HttpHeaders httpHeaders = new HttpHeaders();
    String fileName = file.getName();
    httpHeaders.setContentDispositionFormData("attachment",            java.net.URLEncoder.encode(fileName,"UTF-8"));
    httpHeaders.setContentType(MediaType.parseMediaType("application/pdf"));
    return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),
            httpHeaders,
            HttpStatus.CREATED);
}

然后想在前端直接GET这个URL地址：

http://localhost:8080/FileUpDown/showPDF

但是却成了下载文件而不是预览了。。。

这是chrome的输出：

**Response Headers**
*view source
Content-Disposition:form-data; name="attachment"; filename="1472111731322JavaScript%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97.pdf"
Content-Length:21962427
Content-Type:application/octet-stream;charset=UTF-8
Date:Thu, 25 Aug 2016 08:32:56 GMT
Server:Apache-Coyote/1.1*

Conrent-Type明显不对，请问该如何解决？

Answer 1

谢谢诸位的回答，这是我的解决方案。
1，在web路径下建立一个uploadFiles文件夹。

2，在springMVC里映射PDF文件就像映射静态文件那样。

 <mvc:resources mapping="/pdf/**" location="/uploadFiles/"/>

3，写个controller返回PDF的URL路径。

@Controller
@CrossOrigin(origins = "*")
public class PDFController {
    
    @ResponseBody
    @RequestMapping(value = "/pdf", method = RequestMethod.GET)
    public String pdfDownload() throws IOException
    {
        String retString = null;
        String dir = XXXX文件在服务器中路径。
        String path = httpServletRequest.getRequestURL() + dir.substring(dir.lastIndexOf('\\'));
        retString = path.replaceAll("\\\\","/");
        Map<String,Object >map = new HashMap<>();
        map.put("code",0);
        map.put("pdf",retString);
        return JSON.toJSONString(map);
    }
}

4，返回的JSON数据。

{"code":0,"pdf":"http://127.0.0.1:8080/pdf/1472128890165sample.pdf"}

5,浏览器中直接打开pdf这个url就可以预览PDF啦。

Answer 2

直接将pdf文件放在服务器上一个静态目录下，将地址重定向到该文件路径，浏览器会自动打开预览的；可以参照浏览器中直接输入本地磁盘下一个pdf文件全路径试试，浏览器也是自动打开预览的

Answer 3

就像访问静态文件那样做咯，你的js文件怎么放，pdf怎么放。

Answer 4

你去看响应部分，响应前面有一些东西，应该是那里导致预览的

Answer 5

把RequestMapping那行改成试试：

@RequestMapping(value = "/showPDF", method = RequestMethod.GET, produces = MediaType.APPLICATION_PDF_VALUE)