目前工程文件:SDK template-1.3.5.tgz
uni-app 开发鸿蒙应用 | uni-app官网 (dcloud.net.cn)
实现原理:pdf和图片文件直接webview打开,其他文档使用微软预览。
完整代码如下:
<template>
<view>
<web-view :src="attachmentUrl"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
attachmentUrl: '',
}
},
onLoad(options) {
let infoUrl = JSON.parse(decodeURIComponent(options.attachmentUrl));
let imgtype = ['png', 'jpg', 'jpeg', 'pdf', 'PNG', 'JPG', 'JPEG', 'PDF'];
const arr = infoUrl.split('.');
if (imgtype.indexOf(arr[arr.length - 1]) != -1) {
// 图片类型、pdf--直接webview
this.attachmentUrl = JSON.parse(decodeURIComponent(options.attachmentUrl));
} else {
// 其他文档类型--微软
this.attachmentUrl = 'http://view.officeapps.live.com/op/view.aspx?src=' + encodeURIComponent(infoUrl);
}
}
}
</script>
<style scoped lang="scss">
</style>