txt、doc、xls、ppt、pdf文件在线预览

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 );

猜你喜欢

转载自blog.csdn.net/kerryqpw/article/details/84111593