pdf.js在h5端访问图片服务器地址携带token防盗链无法读取问题,兼容安卓ios在线预览

1、实现方法为前端代码和后台Java代码结合

1.后端代码

@Controller
@RequestMapping("/productController")
public class ProductController extends BaseServiceImpl {@RequestMapping(value = "/showPdf")public String showPdf(HttpServletRequest request,HttpServletResponse response)throws Exception{try {// 图片服务器文件地址String pdfUrl =" ";URL url = new URL(pdfUrl);HttpURLConnection conn = (HttpURLConnection) url.openConnection();conn.setConnectTimeout(5 * 1000);InputStream inputStream = conn.getInputStream();response.setHeader("Content-Disposition", "attachment;fileName=合同.pdf");response.setContentType("multipart/form-data");OutputStream outputStream = response.getOutputStream();IOUtils.write(IOUtils.toByteArray(inputStream), outputStream);}catch (Exception e){e.printStackTrace();}return null;}
}

代码写好之后可以通过调用页面js进行实现

2.前端代码

   //iframe 模态框<div class="pdfIframeBox hide clearfix"><div class="pdfGo ft28 tc" onclick="pdfClose(this)">返回</div><iframe id="pdfIframe"></iframe></div>//点击事件<a onclick="agree()"  class="childBox colfff tc ft35">查看合同</a>function agree() {$(".pdfIframeBox").removeClass("hide");$("#pdfIframe").attr("src","/showPdf/web/viewer.html?file="+ encodeURIComponent("/productController/showPdf.do"));}function pdfClose(obj) {$(obj).parent().addClass("hide");}

viewer.html为项目引用pdf.js文件夹中viewer.html的路径

pdf.js在h5端访问图片服务器地址携带token防盗链无法读取问题,兼容安卓ios在线预览相关推荐

网页中实现安卓手机在线预览PDF文件
写在前面:本文为转载,原文链接:https://blog.csdn.net/super_DuoLa/article/details/90207965原文链接苹果手机可以直接在线预览PDF文件,而安卓 ...
安卓手机如何在线预览PDF文档
需要当我们上传到服务器上一个PDF文档发,在苹果手机和网页上都能正常的打开,但是一到安卓手机上就会出现下面的问题. 还得需要我们下载查看,无法在线查看,就我这个臭脾气再重要的文件我也不回去下载查看的. ...
jQuery实现在线预览PDF文件
欢迎光临我的博客查看最新文章: https://river106.cn Web实现在线预览PDF文件,可通过jQuery.media实现,首先引入jQuery和jQuery.media库: <s ...
img pdf 展示_pdf.js实现图片在线预览
项目需求前段时间项目中遇到了一个模块,是关于在线预览word文档(PDF文件)的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架对于IE浏览器 ...
java pdf 预览_pdf.js实现图片在线预览
项目需求前段时间项目中遇到了一个模块,是关于在线预览word文档(PDF文件)的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架对于IE浏览器 ...
uniapp移动端H5在线预览PDF等文件实现源码及注解
uniapp移动端H5预览文件实现分为两个场景处理: (这里以预览PDF文件为示例,在线预览就是查看网络文件) 1. IOS客户端预览PDF文件 IOS客户端预览PDF文件可以通过跳转文件地址实现预览 ...
uni-app移动端-H5-微信小程序在线预览pdf，图片，视频
封装了一个插件,可直接导入hbuilderx查看使用: 插件地址:uni-app移动端-H5-微信小程序在线预览pdf,图片,视频 <template><view class=&qu ...
firefox js服务器上怎么显示图片的绝对路径,js兼容火狐显示上传图片预览效果的方法...
本文实例讲述了js兼容火狐显示上传图片预览效果的方法.分享给大家供大家参考.具体实现方法如下: Image preview example div {width:100px;height:100px; ...
js+java 实现图片在线预览功能
本博客主要描述如何用JavaScript+java实现图片的预览功能,其实要点还是需要服务端的流. (一)功能描述点击页面的 [预览] 查看已经上传的或者在服务器中存在的图片. (二)实现原理使用 ...

pdf.js在h5端访问图片服务器地址携带token防盗链无法读取问题,兼容安卓ios在线预览

1、实现方法为前端代码和后台Java代码结合

1.后端代码

2.前端代码

pdf.js在h5端访问图片服务器地址携带token防盗链无法读取问题,兼容安卓ios在线预览相关推荐

最新文章

热门文章