h5在线预览dox、xls、ppt、pdf

h5在线预览dox、xls、ppt、pdf

     App中上传附件的服务器后,需要对附件进行预览;

webApp可以通过两种方式实现,

1、将附件下载到本地,通过plus.runtime.openFile打开本地文件

2、在线预览dox、xls、ppt、pdf等文件

     实现思路:

     通过对iframe 设置src 的url 在线预览附件。

    

     实现代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			html,body,iframe{width:100%;height:100%;}
			
		</style>
	</head>
	<body>
		<a id="back"
			 target="_parent" rel="nofollow" >返回</a>
		

<iframe  src='http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=1&_xdoc=http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf' width='100%' height='auto' >
			fdgdfgdfg
</iframe>
</body>
	<script>
		document.getElementById("back").onclick=function(){
			history.back();
		}
	</script>
</html>

猜你喜欢

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