Ⅰ html5能顯示pdf文件,能不能顯示word和excel文件。如果能的話,希望貼出代碼,謝謝。
網易郵箱可以預覽word和excel文件,是由微軟公司提供的技術。國內永中公司也提供這種技術。不過都不是免費的。
Ⅱ 有沒有辦法讓HTML5 canvas顯示/預覽word/excel/powerpoint 文檔
目前找到的幾種方式:
1.像以前的網路文庫那樣,先轉換成flash,然後放在網頁上。
說明:使用軟體OpenOffice/LibreOffice,swftools。
優點:在國內,由於Flash安裝量很大,而且很多人用IE和Chrome內核的瀏覽器,所以是可以查看的。
缺點:OpenOffice/LibreOffice轉換的結果可能會丟失格式/排版(我沒試過所以不知道會不會),而且比較耗伺服器資源,如果瀏覽器沒裝Flash就沒法查看文檔了,尤其是移動端。
2.轉換成PDF,然後用Mozilla的pdf.js查看。
說明:轉換成PDF的方法可以用OpenOffice/LibreOffice,也可以用七牛的第三方服務「文檔轉換」(由億方雲提供)。
優點:如果是把文件存放在七牛雲,用在線的服務會比較有保障,載入速度也快。
缺點:收費,不過費用很低廉,pdf.js可能比較大,載入相對慢點,放到七牛上面會好些,對移動端支持不好。
3.轉換成HTML,像現在的網路文庫那樣。
說明:使用PHPOffice和PDFtoHTML將文檔轉換成HTML直接在瀏覽器輸出,類似現在的網路文庫。
優點:瀏覽器無需安裝任何插件,也不用擔心兼容性問題,還支持移動端。
缺點:可能會丟失格式,而且用戶可以直接拷貝文檔內容,如果是扣積分下載的話,可能達不到目的。
Ⅲ HTML5 embed 標簽顯示的pdf的DOMO怎麼操作
一、基本語法 代碼如下: embed src=url 說明:embed可以用來插入各種多媒體,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url為音頻或視頻文件及其路徑,可以是相對路徑或絕對路徑。
Ⅳ 怎麼讓html頁面以PDF格式顯示
判斷一下agent, 然後引用這個 https://github.com/mozilla/pdf.js
可以在各種支持html5的瀏覽器顯示pdf
另外,只有里Linux和Windows需要這個, Mac平台在系統底層原生支持pdf (就像Windows原生支持txt和zip一樣)所以不管什麼瀏覽器都可以直接顯示pdf格式.
Ⅳ 怎麼使用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>
Ⅵ 用html5的pdf.js打開pdf時,報錯Error: 無效或損壞的PDF文件,但是文件是好的,可以直接打開顯示
你換個PDF試試,我用的挺好的
Ⅶ PDF文檔怎麼轉HTML5
你好,是不能轉的,html是一種文件類型,是需要代碼來控制顯示,pdf文檔類似圖片,所以可以用html來呈現你所需要的pdf文檔,但是需要通過代碼人為實現。除此沒有什麼好辦法!
Ⅷ 如何在網頁中顯示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/
請去掉$這個符號
Ⅸ 如何將PDF轉html5
目前各大瀏覽器對PDF文檔的在線預覽都是一件很頭疼的事情,但是各大瀏覽器對HTML5的支持已經相當不錯了。今天給大家介紹一款PDF轉HTML5的工具,可以將PDF文檔轉為HTML5,這樣可以將轉好的文檔發布到站點,在線預覽會很方便,而且還有很多交互效果。
工具/原料
FlipPDFProfessional
方法/步驟
FlipPDFProfessional是一款國外的工程師開發的軟體,可以網路下載。
安裝完成後,點擊「Import PDF」,導入需要轉換的PDF文檔。
等待導入完成,導入完成後會提供前幾頁的預覽效果。
如果確認需要轉換,點擊「Convert to Filpping Book",選擇你需要保存的目錄,點擊「Convert」開始轉換,文件轉換時間視文檔的大小而定,如果文件較大,轉換時間會稍微長一些。
等待轉換完成,轉換完成後的效果如圖。
在你保存的目錄中找到你保存的文件,直接打開就可以通過瀏覽器直接進行預覽,而且效果很不錯。
Ⅹ pdf 如何在html5上顯示 不讓下載
使用embed標簽