首页 > 其他分享 >用iframe打开pdf

用iframe打开pdf

时间:2024-03-12 10:11:57浏览次数:14  
标签:.. url let blob iframe pdfApi pdf 打开

html:

<iframe           style="width: 100%; height: 100%; border: none"           ref="pdfViewer"           :src="url"           frameborder="0" ></iframe>

 

不携带token:

let url = process.env.VUE_APP_URL + "/factoryObjectClassify/preview"; let src = url + "?r=" + new Date(); this.url = "../../plugin/pdf/web/viewer.html?file=" + encodeURIComponent(src) + ".pdf";   携带token: //接口部分: export const pdfApi = id => api({   method: 'get',   url: '/factoryObjectClassify/preview',   responseType: "blob", });   //js部分   getPdf() {       this.url = "";       pdfApi().then((res) => {         let blob = new Blob([res.data], { type: "application/pdf" });         this.url = URL.createObjectURL(blob);       });     },  

标签:..,url,let,blob,iframe,pdfApi,pdf,打开
From: https://www.cnblogs.com/ruyijiang/p/18067699

相关文章

  • 【专题】中国医疗AI市场发展专题分析报告PDF合集分享(附原数据表)
    全文链接:https://tecdat.cn/?p=33290原文出处:拓端数据部落公众号在克服价值验证滞后的情况下,医疗人工智能(AI)正迎来迅猛发展。到2022年,医疗AI市场规模首次突破百亿,预计在未来3-5年将持续保持40%的高增长率。过去的主要原因包括缺乏信任、商业路径不明确以及临床价值不足,但是现在......
  • 实现Python pdf切割 ValueError: seek of closed file
    参考网上的教材,实现pdf文件的切割,提示一个问题ValueError:seekofclosedfile原来是pdf文件关闭导致的问题。将其改成一个程序就解决了。importPyPDF2pdf_path=r'E:\zhuanxie\jpm\2.pdf'out_path=r'E:\zhuanxie\jpm\23.pdf'#切割PDF文件start_page=1end_page=......
  • c# 判断图片、pdf是A0、A1、A2、A3、A4
    //("A0841*1189(mm)999949");//("A1594*841(mm)499554");//("A2420*594(mm)249485");//("A3297*420(mm)124740");//("A4210*297(mm)62370");//("B3353*500(mm)176500");//("B4250*353(mm)8825......
  • 如何将cad图纸转成pdf格式?
    在工程和设计领域,CAD设计是很常见的,也经常需要转换为比较常见的PDF格式以便于展示、报告编制发布。对于CAD文件怎么转变成PDF可能有些伙伴们不一定都有对应的方法工具,今天就给伙伴们分享一些常用的方法和工具,以及转换过程中需要注意的事项。方法一:使用CAD软件自带的导出功能如Au......
  • 轻松实现转换的4款好用的在线PDF转换器
    在日常工作和学习中,PDF作为一种常见的文档格式,比较容易阅读。然而,有时候我们可能需要将PDF文件转换为其他格式,如Word、Excel、PPT等,以便于编辑、修改或提取内容。下面分享4款简单好用的PDF转换工具。第一款:PDFtoWord这是一款专注于PDF转Word的工具,它能够准确地将PDF文件中的文字......
  • 网站 url 跳转 刷新打不开 但回车能打开 刷新不能访问但回车 能访问
    可能是跨域问题,可以对比两个网址的curl参数,有一个缺少Referer:https://account.wps.cn/  例如:curl^"https://authserver.gdmu.edu.cn/authserver/login?service=https^%^3A^%^2F^%^2Fms.gdmu.edu.cn^%^2Floginwps^"^-H"Accept:text/html,application/xhtml+xml,applic......
  • iframe嵌套(等宽高比自适应:aspectRatio)
     可以使用iframe引入外部网页<iframetitle="vimeo-player"src="https://player.vimeo.com/video/919942180?h=a56246711a"width="640"height="360"style={{width:'100%',aspe......
  • markdown转PDF
    推荐一个vscode的插件,方便在写完markdown文档后把它转为PDF. 安装之后右键有选项运行。不过运行大概会报错。 具体原因如下图。把你的浏览器路径写上代替chrome即可。 亲测好用。 ......
  • react-pdf 实现pdf文件预览功能
    参考文档https://www.npmjs.com/package/react-pdfhttps://github.com/wojtekmaj/react-pdf#readme 一、概述react项目中,很多时候(尤其是需展示报告的页面)会遇到需要预览pdf文件的需求。而据调研,使用react-pdf插件可以很好地实现这个功能。  二、操作步骤1.安......
  • echarts报表生成pdf文件
    完整的demo如下:<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>Balken</title><scriptsrc="static/echarts/echarts.js"......