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").οnclick=function(){
history.back();
}
</script>
</html>