【发布时间】:2016-07-28 11:05:32
【问题描述】:
在包含我正在使用的代码之前,请注意我已经尝试了 iframe,但在 IE 中显示 iframe 内的内容时遇到了问题。看看我在说什么.. 请在 Chrome 和资源管理器中查看此链接:http://mrrio.github.io/jsPDF/
另外,^ 这个链接正是我想要完成的,但它也显示在 IE 中..
<html>
<head>
<meta charset="utf-8">
<title>Display PDF in-page</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="flyer_builder.css" type="text/css" media="all">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function() {
$("#myDiv").load("pdf.html");
});
</script>
</head>
<body>
<div class="container-fluid flyer-builder">
<div class="col-md-6">
<a id="refresh" href="#" class="btn btn-lg btn-success">Refresh PDF</a>
</div>
<div class="col-md-6">
<div id="myDiv"></div>
</div>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script>
$(function() {
$("#refresh").click(function(evt) {
$("#myDiv").load("pdf.html")
})
})
</script>
</body>
</html>
头部的脚本允许它在初始页面加载时加载,主体底部的脚本只刷新页面的那部分。这一切在 chrome 中都很好用,但在 IE 中仍然不起作用!!!请帮忙。
pdf.html:(我使用了一个通用的 pdf 文件作为示例)
<object data="https://www.irs.gov/pub/irs-pdf/fw4.pdf" type="application/pdf" style="width:100%;">
<embed src="https://www.irs.gov/pub/irs-pdf/fw4.pdf" type="application/pdf"/>
</object>
【问题讨论】:
-
你见过这个问题吗? stackoverflow.com/questions/21319484/…。接受的答案建议在 IE 上显示
<iframe>而不是<embed>(或<object>)。 -
@dwarring 你是对的!!并感谢您的分享,我刚刚用一些有用的代码回答了我自己的问题,如果需要,请查看并进行测试。如果您能支持我的回答,那将对我有很大帮助!
-
@dwarring 我使用 iframe 和 object->embed 方式进行了处理,但这两种解决方案都不适用于 IE 中的某些 PDF。我终于找到了解决方案并将其发布为答案!
标签: javascript jquery html pdf iframe