前端返回pdf时不显示内容,如何解决?

🏆本文收录于《CSDN问答解答》专栏,主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案,希望能够助你一臂之力,帮你早日登顶实现财富自由🚀;同时,欢迎大家关注&&收藏&&订阅!持续更新中,up!up!up!!

问题描述

  plm有返回esop地址浏览器能正常打开,却在系统打开时不显示?如下代码:

$scope.openESOP=function(item){$mdDialog.serviceDialog('B0212AService',item);};
if(dialog.currentFile.content_type == '3'){//網頁//dialog.currentFile.esop_content = "https://i.stack.imgur.com/iIvCA.png";// 20200727 modify by shiwl for M#0147529: 测试区读取到PLM图纸后,文件不显示,但PLM端可以正常打开setTimeout(() => {document.getElementById('kmi-pdf-panel').src =  dialog.currentFile.esop_content+'&openfile=false&viewbookmark=false&print=false&download=false#zoom=page-width';  }, 500);
}

如上问题有来自我自身项目开发,有的收集网站,有的来自读者,如有侵权,立马删除。

解决方案

  如下是上述问题的解决方案,仅供参考:

  在提供的代码片段中,您正在尝试使用 AngularJS 框架通过 $mdDialog 服务打开一个对话框,并且在某些条件下,您尝试在 iframe 中加载一个 PDF 文件。如果 PDF 文件在浏览器中能够正常打开,但在您的系统中不显示,这可能是由几个原因造成的:

  1. 路径问题:确保 dialog.currentFile.esop_content 变量中的 URL 是正确的,并且指向了正确的 PDF 文件。

  2. iframe 的安全性:某些浏览器可能会阻止从不同的源(不同的协议、域名或端口)加载 iframe 内容,这称为“同源策略”。如果 PDF 服务器和您的应用程序不在同一个域上,您可能需要配置服务器以允许跨域资源共享(CORS)。

  3. iframe 的 src 属性设置:在您的代码中,您使用了 setTimeout 来延迟设置 iframesrc 属性。这可能是为了确保 iframe 元素已经渲染到 DOM 中。但是,如果延迟时间不够或者 iframe 的 ID 有误,这可能导致问题。

  4. PDF 阅读器参数:在您的 URL 中,您添加了一些查询参数(如 &openfile=false 等),这些参数可能是为了控制 PDF 阅读器的行为。确保这些参数是有效的,并且与您的 PDF 阅读器兼容。

  5. 浏览器插件或扩展:某些浏览器插件或扩展可能会干扰 PDF 的正常显示。

  6. AngularJS 的作用域问题:如果 $scope.openESOP 函数或 dialog.currentFile 在使用时存在作用域问题,这可能会导致数据未能正确绑定。

  为了解决这个问题,您可以尝试以下步骤:

  • 确保 PDF URL 是正确的,并且可以直接在浏览器中访问。
  • 检查服务器是否配置了正确的 CORS 策略。
  • 确保 iframe 的 ID 'kmi-pdf-panel' 是正确的,并且该元素在 DOM 中存在。
  • 移除或调整 setTimeout 以确保 iframe 元素已经渲染。
  • 检查浏览器的控制台是否有任何错误信息,这可能会提供问题的原因。
  • 如果问题依然存在,尝试在 iframesrc 属性中直接使用 PDF 文件的 URL,而不添加任何参数,看看是否能够正常显示。

  希望如上措施及解决方案能够帮到有需要的你。

  PS:如若遇到采纳如下方案还是未解决的同学,希望不要抱怨&&急躁,毕竟影响因素众多,我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴,即把你未解决或者产生新Bug黏贴在评论区,我们大家一起来努力,一起帮你看看,可以不咯。

  若有对当前Bug有与如下提供的方法不一致,有个不情之请,希望你能把你的新思路或新方法分享到评论区,一起学习,目的就是帮助更多所需要的同学,正所谓「赠人玫瑰,手留余香」。

☀️写在最后

  ok,以上就是我这期的Bug修复内容啦,如果还想查找更多解决方案,你可以看看我专门收集Bug及提供解决方案的专栏《CSDN问答解惑-专业版》,都是实战中碰到的Bug,希望对你有所帮助。到此,咱们下期拜拜。

码字不易,如果这篇文章对你有所帮助,帮忙给 bug菌 来个一键三连(关注、点赞、收藏) ,您的支持就是我坚持写作分享知识点传播技术的最大动力。

同时也推荐大家关注我的硬核公众号:「猿圈奇妙屋」 ;以第一手学习bug菌的首发干货,不仅能学习更多技术硬货,还可白嫖最新BAT大厂面试真题、4000G Pdf技术书籍、万份简历/PPT模板、技术文章Markdown文档等海量资料,你想要的我都有!

📣关于我

我是bug菌,CSDN | 掘金 | InfoQ | 51CTO | 华为云 | 阿里云 | 腾讯云 等社区博客专家,C站博客之星Top30,华为云2023年度十佳博主,掘金多年度人气作者Top40,掘金等各大社区平台签约作者,51CTO年度博主Top12,掘金/InfoQ/51CTO等社区优质创作者;全网粉丝合计 30w+;硬核微信公众号「猿圈奇妙屋」,欢迎你的加入!免费白嫖最新BAT互联网公司面试真题、4000G PDF电子书籍、简历模板等海量资料,你想要的我都有,关键是你不来拿哇。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/45296.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

软设之职责链模式

设计模式中的职责链模式的意图是:为解除请求的发送者和接受者之间的耦合,而使多个对象都有机会处理这个请求。将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它。 比如,有一个员工要报销差率费&…

Idea合并Git分支信息

#git 的笔记 ##本篇文章是通过Idea 实现git 命令操作的代码的上传与合并。 1.合并分支 点击 Git 选择Merge 这里选择合并远程的分支

简介Docker以及K8s

什么是Docker Docker 属于 Linux 容器的一种封装,提供简单易用的容器使用接口以及操作系统级别的虚拟化。 更为直白的叙述就是,Docker可以将程序和环境(依赖库配置操作系统)打包并运行的工具软件。 基础镜像 总所周知&#xf…

鸿蒙语言基础类库:【@ohos.worker (启动一个Worker)】

启动一个Worker 说明: 本模块首批接口从API version 7开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。开发前请熟悉鸿蒙开发指导文档:gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。 Work…

“闭门造车”之多模态思路浅谈:自回归学习与生成

©PaperWeekly 原创 作者 | 苏剑林 单位 | 科学空间 研究方向 | NLP、神经网络 这篇文章我们继续来闭门造车,分享一下笔者最近对多模态学习的一些新理解。 在前文《“闭门造车”之多模态思路浅谈:无损》中,我们强调了无损输入对于理想的…

出现 failed to remove xxxx: Invalid argument 解决方法

目录 前言1. 问题所示2. 原理分析3. 解决方法 前言 这好像是一个Git的一个Bug,对应有个下下策的解决方式 1. 问题所示 Git提交的时候出现如下问题 Git warning:failed to remove debug.log:invalid argumentgit clean -f -1 --F:\xxx failed to rem…

科技与水利的完美融合:从数据采集到智能决策,全面解析智慧水利解决方案如何助力水利行业实现智能化管理

本文关键词:智慧水利、智慧水利工程、智慧水利发展前景、智慧水利技术、智慧水利信息化系统、智慧水利解决方案、数字水利和智慧水利、数字水利工程、数字水利建设、数字水利概念、人水和协、智慧水库、智慧水库管理平台、智慧水库建设方案、智慧水库解决方案、智慧…

代码随想录算法训练营Day36||动态规划part04

494.目标和:本题的方法主要用来解决------装满容量为x的背包,有几种方法。 可以先理解二维数组的思路:感觉b站一个评论写得很清晰,借用一下。 这题最难理解的地方在于如何初始化数组,为什么dp[0]1;我试图自…

【LeetCode】917:翻转字符串

方法&#xff1a;双指针 class Solution { public:bool isletter(char ch){if(ch>a&&ch<z)return true;if(ch>A&&ch<Z)return true;return false;}string reverseOnlyLetters(string s) {int lens.size();int left0,rightlen-1;string s1;while(le…

Java---SpringBoot详解一

人性本善亦本恶&#xff0c; 喜怒哀乐显真情。 寒冬暖夏皆有道&#xff0c; 善恶终归一念间。 善念慈悲天下广&#xff0c; 恶行自缚梦难安。 人心如镜自省照&#xff0c; 善恶分明照乾坤。 目录 一&#xff0c;入门程序 ①&#xff0c;创建springboot工程&#…

学习看论文入门记录

论文类型&#xff1a;综述类论文、研究类论文、方法类论文阅读目的&#xff1a;入门了解前沿、发掘可研究点、获取写作素材、学习研究方法。选择性阅读目的&#xff1a;确定主题、缩小范围、影响因素、筛选文献C刊 论文阅读阶段&#xff1a; 1&#xff09;快速浏览。标题、摘要…

PHP贵州旅游攻略系统-计算机毕业设计源码16663

目 录 第 1 章 引 言 1.1 选题背景与意义 1.2 国内外研究现状 1.3 论文结构安排 第 2 章 系统的需求分析 2.1 系统可行性分析 2.1.1 技术方面可行性分析 2.1.2 经济方面可行性分析 2.1.3 法律方面可行性分析 2.1.4 操作方面可行性分析 2.2 系统功能需求分析 2.3 系…

【CT】LeetCode手撕—69. x 的平方根

目录 题目1- 思路2- 实现⭐69. x 的平方根——题解思路 3- ACM 实现 题目 原题连接&#xff1a;69. x 的平方根 1- 思路 思路 x 的平方根 ——> 利用二分 ——> 二分的 check条件为 k^2 < x 2- 实现 ⭐69. x 的平方根——题解思路 class Solution {public int myS…

C# modbus验证

窗体 还有添加的serialPort控件串口通信 设置程序配置 namespace CRC {public static class CRC16{/// <summary>/// CRC校验&#xff0c;参数data为byte数组/// </summary>/// <param name"data">校验数据&#xff0c;字节数组</param>///…

java版本ERP管理系统源码 Spring Cloud erp系统,更专业的ERP管理系统

数字化时代的智能ERP管理系统&#xff1a;引领企业高效管理与创新发展 随着数字化浪潮的席卷&#xff0c;现代企业对于高效、稳定、易于扩展的管理系统需求愈发迫切。为了满足这一需求&#xff0c;我们倾力打造了一款基于Java技术的企业级资源规划&#xff08;ERP&#xff09;…

盛夏来临,一文教你如何识别和应对急性胃肠炎→

文章目录 引言I 识别六大症状II 几个常见病因III 家庭护理怎么做IV 何时需要尽快就医引言 盛夏来临,不少儿童青少年由于摄入不洁、生冷、刺激性的食物,一不小心就会被急性胃肠炎找上门。 急性胃肠炎作为儿童青少年常见的疾病之一,主要表现为腹泻、呕吐和腹痛,可伴有发热、…

Nifi中的Controller Service

Service简介 首先Nifi中的Controller Service 和我们MVC概念中的Controller Service不是一个概念&#xff0c;Nifi中的Controller Service更像是和Processor同级的一个概念&#xff0c;它和Processor在我个人的使用经验来理解的话就是它是预制好的各种服务&#xff0c;可以被P…

综合实验作业

node01&#xff1a;192.168.175.146 node02&#xff1a;192.168.175.147 【node01】 node01 与 node02 防火墙在本实验中都需要放行的服务&#xff1b; [rootlocalhost ~]# firewall-cmd --permanent --add-servicedns success [rootlocalhost ~]# firewall-cmd --permanent -…

WordPress上好用的加速插件 :支持文件、Redis、Memcached缓存

WordPress果果加速插件 支持将网站前台页面内容缓存到文件、Redis、Memcached里&#xff0c;以此来加速网站页面的访问速度。 加速原理&#xff1a;如果页面没有缓存&#xff0c;则会在访问之后生成缓存内容&#xff0c;当页面再次访问时&#xff0c;直接读取缓存内容&#x…

嵌入式单片机项目开发的基本思想分享

有小伙伴说:我一个很简单的单片机项目,就点个灯,一个AD采集并通过串口传输一下数据,这还需要分层设计吗? 这个问题,其实没有标准答案,你可以不用分层设计,也可以分层设计,这取决于你,或你们公司对软件的要求。 当然,作为工作十年有余的过来人,我的建议:能采用分…