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)