検索

ホームページ  >  に質問  >  本文

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

想在浏览器里直接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明显不对,请问该如何解决?

迷茫迷茫2770日前979

全員に返信(5)返信します

  • PHP中文网

    PHP中文网2017-04-18 09:54:15

    ご回答ありがとうございます。これが私の解決策です。
    1. Web パスの下に、uploadFiles フォルダーを作成します。

    2. springMVC での PDF ファイルのマッピングは、静的ファイルのマッピングと同じです。

    リーリー

    3. PDF の URL パスを返すコントローラーを作成します。

    リーリー

    4、返された JSON データ。

    リーリー

    5. ブラウザで PDF URL を直接開き、PDF をプレビューします。

    返事
    0
  • PHP中文网

    PHP中文网2017-04-18 09:54:15

    PDF ファイルをサーバー上の静的ディレクトリに直接配置し、アドレスをファイル パスにリダイレクトすると、ブラウザが自動的にプレビューを開きます。ローカル ディスク上の次の PDF ファイルのフル パスを直接入力してみてください。ブラウザを参照すると、ブラウザも自動的にプレビューを開きます

    返事
    0
  • 高洛峰

    高洛峰2017-04-18 09:54:15

    静的ファイルにアクセスするのと同じように、js ファイルと pdf をどのように配置しますか。

    返事
    0
  • 天蓬老师

    天蓬老师2017-04-18 09:54:15

    応答セクションに移動します。応答の前に何かがあり、プレビューが表示されます。

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-18 09:54:15

    RequestMapping 行を次のように変更してみてください:

    リーリー

    返事
    0
  • キャンセル返事