我正在尝试通过AcroPdf.dll旋转包含Acrobat Plugin查看的PDF的对象标记.
我已经看过这个解决方案,但是不要在> = IE9上旋转PDF本身(适用于chrome)
我正在使用jQuery 1.11.3和PDFObject 1.2,我无法更改jQuery的版本.
任何帮助将不胜感激.问候
我的简单代码是这样的:
<!DOCTYPE html>
<html>
<head>
<style>
.rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand');
transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
</style>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://miorepository.altervista.org/pdfobject.js"></script>
</head>
<body>
<button onclick="rotatePdf();">Rotate 90 degree</button>
<div id="boxPdf"></div>
<script type='text/javascript'>
$(function(){
var pdfPath = './doc1.pdf';
var customParameter = {
page : '1',
view : 'FitH,0',
pagemode : 'none',
scrollbars : …Run Code Online (Sandbox Code Playgroud) 我正在从 base64 字符串嵌入 PDF,如下所示:
var pdfData = 'data:application/pdf;filename=MY_CUSTOM_FILENAME.pdf;base64,' +
'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwog' +
'IC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAv' +
'TWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBbIDMgMCBSIF0K' +
'Pj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFyZW50IDIgMCBSCiAg' +
'L1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQgMCBSIAogICAgPj4KICA+' +
'PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBvYmoKPDwKICAvVHlwZSAvRm9u' +
'dAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAvVGltZXMtUm9tYW4KPj4KZW5kb2Jq' +
'Cgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAogIC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJU' +
'CjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8sIHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVu' +
'ZG9iagoKeHJlZgowIDYKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4g' +
'CjAwMDAwMDAwNzkgMDAwMDAgbiAKMDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAw' +
'MDAwIG4gCjAwMDAwMDAzODAgMDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9v' +
'dCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G';
function loadPdf() {
var pdf= document.querySelector('.pdf')
var pobj = document.createElement('object')
pobj.className= "pdf_object"
pobj.setAttribute('data', pdfData)
pobj.setAttribute('type', 'application/pdf')
pdf.appendChild(pobj)
} Run Code Online (Sandbox Code Playgroud)
.pdf_object {
width: 100%;
height: 700px;
}Run Code Online (Sandbox Code Playgroud)
<div>
<button onclick="loadPdf();">
CLICK TO LOAD BELOW THE PDF
</button>
</div>
<div class="pdf"></div>Run Code Online (Sandbox Code Playgroud)
这适用于 Firefox 和 Chrome。
我的问题是我无法自定义 pdf 下载操作的文件名。请注意,我使用了filename …
我正在使用:https : //pdfobject.com/
pdf在我的Web应用程序上显示嵌入式文件。但是我不能渲染从pdf创建的blob。
这是我尝试过的:
var arrayBufferView = new Uint8Array(response.Body.data);
var file = new Blob([arrayBufferView], {
type: response.ContentType
});
var url = window.URL.createObjectURL(file)
PDFObject.embed(url, "#my-container");
Run Code Online (Sandbox Code Playgroud)
在html上获得此结果:
<div id="my-container" class="ng-scope pdfobject-container">
<embed class="pdfobject" src="blob:http%3A//localhost%3A4000/869a8d9a-7eaa-48dd-99aa-49bf299114aa" type="application/pdf" style="overflow: auto; width: 100%; height: 100%;" internalinstanceid="88">
</div>
Run Code Online (Sandbox Code Playgroud)
但是,嵌入容器在我的浏览器中什么也不显示。我正在使用Chrome 51.0.2704.103 m
Fancybox非常棒,但默认的pdf实现效果不佳,因为支持,外观和感觉取决于操作系统,浏览器和adobe的安装.PDF.js通过使用基于Web标准的平台解析和呈现PDF来解决这个问题.如何在fancybox中嵌入pdf.js查看器?