1. pdf 如何在html5上顯示 不讓下載
使用embed標簽
2. 怎麼使用js,html5在瀏覽器直接打開pdf文檔
<html>
<body>
<div>
<button id="prev" onclick="goPrevious()">Previous</button>
<button id="next" onclick="goNext()">Next</button>
<span>Page: <span id="page_num"></span> / <span id="page_count"></span></span>
</div>
<div>
<canvas id="the-canvas" style="border:1px solid black"></canvas>
</div>
<!-- Use latest PDF.js build from Github -->
<script type="text/javascript" src="https://raw.github.com/mozilla/pdf.js/gh-pages/build/pdf.js"></script>
<script type="text/javascript">
//
// 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.
//
var url = '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;
var pdfDoc = 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
//
function renderPage(num) {
// Using promise to fetch the page
pdfDoc.getPage(num).then(function(page) {
var viewport = page.getViewport(scale);
canvas.height = viewport.height;
canvas.width = viewport.width;
// Render PDF page into canvas context
var renderContext = {
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
//
function goPrevious() {
if (pageNum <= 1)
return;
pageNum--;
renderPage(pageNum);
}
//
// Go to next page
//
function goNext() {
if (pageNum >= pdfDoc.numPages)
return;
pageNum++;
renderPage(pageNum);
}
//
// Asynchronously download PDF as an ArrayBuffer
//
PDFJS.getDocument(url).then(function getPdfHelloWorld(_pdfDoc) {
pdfDoc = _pdfDoc;
renderPage(pageNum);
});
</script>
</body>
</html>
3. 求html5開發的電子書pdf
在網路搜索中輸入 」html5 filetype:pdf「,全部都是,看你自己的學習方式和接受程度來下載吧。
4. 如何在網頁中顯示PDF文件
使用js插件
其中實現閱讀pdf文件的js插件很多,比如:pdf.js:是一個技術原型主要用於在 HTML5 平台上展示 PDF 文檔,無需任何本地技術支持;jsPDF:是一個使用Javascript語言生成PDF的開源庫
這個 PDFObject.js,是一個 JavaScript 庫用來在HTML中動態嵌入 PDF 文檔。
js代碼:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,這樣就可以了。只要把地址寫對即可。
若我在某一個div中載入pdf咋辦呢?看官網,發現embed()方法可以有參數的,無參數是指body,有參數是具體的某一個位置。
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(「div的id」);
};
</script>
當然,其中還可以進一步設置參數,比如你想以多少秒的速度預覽,有css,無css等
具體的官網如下:http$://$www.$pdfobject$.com/
請去掉$這個符號
5. PDF文檔怎麼轉HTML5
目前各大瀏覽器對PDF文檔的在線預覽都是一件很頭疼的事情,但是各大瀏覽器對HTML5的支持已經相當不錯了。今天給大家介紹一款PDF轉HTML5的工具,可以將PDF文檔轉為HTML5,這樣可以將轉好的文檔發布到站點,在線預覽會很方便,而且還有很多交互效果。
工具/原料
FlipPDFProfessional
方法/步驟
1
FlipPDFProfessional是一款國外的工程師開發的軟體,可以網路下載。
2
安裝完成後,點擊「Import PDF」,導入需要轉換的PDF文檔。
3
等待導入完成,導入完成後會提供前幾頁的預覽效果。
4
如果確認需要轉換,點擊「Convert to Filpping Book",選擇你需要保存的目錄,點擊「Convert」開始轉換,文件轉換時間視文檔的大小而定,如果文件較大,轉換時間會稍微長一些。
5
等待轉換完成,轉換完成後的效果如圖。
6
在你保存的目錄中找到你保存的文件,直接打開就可以通過瀏覽器直接進行預覽,而且效果很不錯。
END
注意事項
如果PDF文檔很大,轉換時間會比較長
如果是掃描版的PDF文檔,轉換效果不是很理想,盡量轉文字版的PDF
6. html5能顯示pdf文件,能不能顯示word和excel文件。如果能的話,希望貼出代碼,謝謝。
網易郵箱可以預覽word和excel文件,是由微軟公司提供的技術。國內永中公司也提供這種技術。不過都不是免費的。
7. 怎麼讓html頁面以PDF格式顯示
判斷一下agent, 然後引用這個 https://github.com/mozilla/pdf.js
可以在各種支持html5的瀏覽器顯示pdf
另外,只有里Linux和Windows需要這個, Mac平台在系統底層原生支持pdf (就像Windows原生支持txt和zip一樣)所以不管什麼瀏覽器都可以直接顯示pdf格式.
8. 如何打開PDF文件,openBuffer方法
pdf.js簡介
PDF.js 是基於開放的 HTML5 及 JavaScript 技術實現的開源產品。簡單說就是一個 PDF
解析器。運用HTML5JavaScript(即pdf.js僅使用安全的web語言,不包含任何攻擊者可以用的本地代碼塊)的PDF閱讀器pdf.js,直接在標準的HTML頁面上載入和渲染PDF文件, 還可以提高安全性(不需要安裝第三方插件,安全性由瀏覽器保證),瀏覽器所做的安全措施已經為pdf.js提供了安全的運行環境。其對IE和 FireFox瀏覽器的要求是IE9+, FireFox19+。
9. 用html5的pdf.js打開pdf時,報錯Error: 無效或損壞的PDF文件,但是文件是好的,可以直接打開顯示
你換個PDF試試,我用的挺好的
10. 如何將PDF轉html5
目前各大瀏覽器對PDF文檔的在線預覽都是一件很頭疼的事情,但是各大瀏覽器對HTML5的支持已經相當不錯了。今天給大家介紹一款PDF轉HTML5的工具,可以將PDF文檔轉為HTML5,這樣可以將轉好的文檔發布到站點,在線預覽會很方便,而且還有很多交互效果。
工具/原料
FlipPDFProfessional
方法/步驟
FlipPDFProfessional是一款國外的工程師開發的軟體,可以網路下載。
安裝完成後,點擊「Import PDF」,導入需要轉換的PDF文檔。
等待導入完成,導入完成後會提供前幾頁的預覽效果。
如果確認需要轉換,點擊「Convert to Filpping Book",選擇你需要保存的目錄,點擊「Convert」開始轉換,文件轉換時間視文檔的大小而定,如果文件較大,轉換時間會稍微長一些。
等待轉換完成,轉換完成後的效果如圖。
在你保存的目錄中找到你保存的文件,直接打開就可以通過瀏覽器直接進行預覽,而且效果很不錯。