html5如何阅读pdf文件,求“如何使用js、html5在浏览器直接打开pdf文档”的步骤和例子？...

Previous

Next

Page: /

// //NOTE:

//Modifying the URL below to another server will likely *NOT* work. Because of browser

//security restrictions, we have to use a file server with special headers

//(CORS) - most servers don't support cross-origin browser requests.

// varurl= 'http://cdn.mozilla.net/pdfjs/tracemonkey.pdf';// //Disable workers to avoid yet another cross-origin issue (workers need the URL of

//the script to be loaded, and currently do not allow cross-origin scripts)

//PDFJS.disableWorker= true;varpdfDoc= null,

pageNum= 1,

scale= 0.8,

canvas=document.getElementById('the-canvas'),

ctx=canvas.getContext('2d');// //Get page info from document, resize canvas accordingly, and render page

// functionrenderPage(num) {//Using promise to fetch the page

pdfDoc.getPage(num).then(function(page) {varviewport=page.getViewport(scale);

canvas.height=viewport.height;

canvas.width=viewport.width;//Render PDF page into canvas context

varrenderContext={

canvasContext: ctx,

viewport: viewport

};

page.render(renderContext);

});//Update page counters

document.getElementById('page_num').textContent=pageNum;

document.getElementById('page_count').textContent=pdfDoc.numPages;

}// //Go to previous page

// functiongoPrevious() {if(pageNum<= 1)return;

pageNum--;

renderPage(pageNum);

}// //Go to next page

// functiongoNext() {if(pageNum>=pdfDoc.numPages)return;

pageNum++;

renderPage(pageNum);

}// //Asynchronously download PDF as an ArrayBuffer

//PDFJS.getDocument(url).then(functiongetPdfHelloWorld(_pdfDoc) {

pdfDoc=_pdfDoc;

renderPage(pageNum);

});