uni-app文件在线预览------XDOC文档预览云服务

3,661 阅读1分钟

实测ppt/word/excel/pdf/txt/html/图片有效,其他的就没有测了 

官方文档:view.xdocin.com/view-xdocin…

使用方法: 在文件网址前拼接“view.xdocin.com/xdoc?\_xdoc…

<template>
	<view style="background: #000;">
		<web-view :webview-styles="webviewStyles" :src="src"></web-view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			webviewStyles: {
				progress: {
					color: '#FF3333'
				}
			},
		};
	},
	onLoad() {
		this.src = `http://view.xdocin.com/xdoc?_xdoc=${你的文件存储网址}`;
	}
};
</script>

<style scoped>
	p.MsoNormal{
		text-align: left;
	}
</style>

这里是利用web-view显示;pc端也可以直接用a标签,但是在app中使用a标签跳转会有bug:第一次进入无法返回,返回白屏,原因不明。。。。

这东西开始收费了  可以用

可编辑:

view.officeapps.live.com/op/view.asp…' + encodeURIComponent(url)

预览
view.officeapps.live.com/op/embed.as… + encodeURIComponent(url)