前端通过url预览pdf文件

水深无声 2024-04-17 06:28 9阅读 0赞

项目中需要通过链接来预览pdf，代码如下：

> <a href=" w e b p a t h / d o w n / p r e v i e w U r l . p a g e ? i d = web\_path/down/previewUrl.page?id= webpath/down/previewUrl.page?id=!orderDetail.insurePolicyNo" target=“view\_window”"  
> style=“width:85px;height:40px;line-height: 40px;font-size:12px;color:\#fff;background: \#1c9af1;text-align: center;padding: 2px;border-radius: 3px;”>预览pdf

private void preview(String path, HttpServletRequest request, HttpServletResponse response) {
            File file = new File(path);
            if (!file.exists()) {
                request.setAttribute("error", "附件已删除或不存在");
            }
            InputStream in = null;
            OutputStream os = null;
            try {
                response.setContentType("application/pdf"); // 设置返回内容格式
                in = new FileInputStream(file); //用该文件创建一个输入流
                os = response.getOutputStream(); //创建输出流
                byte[] b = new byte[1024];
                while (in.read(b) != -1) {
                    os.write(b);
                }
                in.close();
                os.flush();
                os.close();
            } catch (Exception e) {
                try {
                    if (null != in) {
                    in.close();
                    }
                    if (null != os) {
                        os.close();
                    }
                } catch (IOException e1) {
                    e1.printStackTrace();
                }
    
            }
    
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关前端通过url预览pdf文件

目中需要通过链接来预览pdf，代码如下： > <a href=" w e b p a t h / d o w n / p r e v i e w U r l . p a...

水深无声/ 2024年04月17日 06:28/ 0 赞/ 10 阅读

相关文件预览(通过URL访问本地资源)

一、addResourceHandlers：预览图片和pdf，其他文件不支持图片或者视频存放在专门的服务器上面(Windows服务器),假设存储路径为C:\\upload\

Bertha 。/ 2023年09月28日 14:18/ 0 赞/ 91 阅读

相关 PDF.js预览文件实现在线预览pdf文件

![20200825155556932.png][]首先下载源码。把他放在自己的文件里面。下载地址：[https://download.csdn.net/download/

川长思鸟来/ 2022年12月01日 01:26/ 0 赞/ 456 阅读

相关实现pdf文件预览功能：

实现pdf文件预览功能： package com.echarts.controller; import org.springframework.st

我会带着你远行/ 2022年11月21日 04:13/ 0 赞/ 253 阅读

相关 uniapp H5文件预览，PDF预览

1.下载[点击跳转下载][Link 1] ![20210413113554991.png][] 2.解压，拷贝 hybrid 目录到你的项目目录下 ![202104131

怼烎@/ 2022年11月18日 13:36/ 0 赞/ 555 阅读

相关 vue word预览，excel预览，pdf预览

一、word预览–mammoth.js 安装：`npm install --save mammoth` tip：只能预览.docx文件 word.vue:

淩亂°似流年/ 2022年11月15日 11:13/ 0 赞/ 512 阅读

相关 axios通过pdf下载地址预览pdf

前言最近做一个功能，根据一个pdf的下载地址，做出既能下载又能预览pdf的两个功能按钮，因为地址本身在浏览器中打开就能下载，直接记录怎么实现预览功能。具体步骤

小灰灰/ 2022年10月21日 11:58/ 0 赞/ 188 阅读

相关 Vue PDF文件预览vue-pdf

引用: npm install --save vue-pdf template代码: ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.pn

刺骨的言语ヽ痛彻心扉/ 2022年09月01日 08:39/ 0 赞/ 377 阅读

相关 vue-pdf 通过文件流预览pdf文件

前端预览pdf功能，后端返回文件流的形式 1 首先，下载vue-pdf > npm install vue-pdf -D 2 其次，模板里面引入vue-pdf > im

「爱情、让人受尽委屈。」/ 2022年08月30日 05:23/ 0 赞/ 2069 阅读

相关前端文件开发预览

前端代码写完之后，在没有服务器可以支持测试之前，可以使用node.js中提供的服务器 live-server 完成测试 1. 安装node.js的版本控制工具nvm，在终端

骑猪看日落/ 2022年04月16日 04:27/ 0 赞/ 258 阅读