txt、doc、xls、ppt、pdf檔案線上預覽
阿新 • • 發佈:2018-11-26
txt、doc、xls、ppt、pdf檔案預覽
實現思路:
android通過第三方API對映附件網路地址對附件進行線上預覽。
ios通過iframe對附件設定src進行線上預覽。
document.addEventListener( "plusready", function () { plus.nativeUI.showWaiting(); var ext = GetQueryString("src").substring(GetQueryString("src").lastIndexOf(".") + 1).toLowerCase(); if(plus.os.name=="iOS"){ document.getElementById("MyIFrame").src=GetQueryString("src"); }else{ if(ext=="xls"){ document.getElementById("MyIFrame").src='http://www.xdocin.com/xdoc?_func=to&_format=png&_cache=true&_xdoc='+GetQueryString("src"); }else{ document.getElementById("MyIFrame").src='http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_xdoc='+GetQueryString("src"); } } document.getElementById("MyIFrame").onload = function(){ plus.nativeUI.closeWaiting(); } document.getElementById("back").onclick=function(){ history.back(); } setTimeout(initframe,3000);//延時3秒 function initframe(){ var doc = document.getElementById("MyIFrame").contentDocument; var content=doc; var btn_block=doc.getElementsByClassName("btn-block")[0]; var btn_xs=doc.getElementsByClassName("btn-xs")[0]; btn_block.style.display="none"; btn_xs.style.display="none"; } }, false );