uniapp实现文件预览过程

H5实现预览

vbscript 复制代码
<template>
    <iframe :src="_url" style="width:100vw; height: 100vh;" frameborder="0"></iframe>
</template>
<script lang="ts">
export default {
    data() {
        return {
            _url: '',
        }
    },
    onLoad(options: {_url: string}) {
        // 第一:https://docs.google.com/viewer?url=
        // 第二:https://view.officeapps.live.com/op/view.aspx?src=
        this._url = `https://view.officeapps.live.com/op/view.aspx?src=${options._url}`
        console.log(this._url,'this._url')
    }
}
</script>

小程序和app预览

CoffeeScript 复制代码
                uni.downloadFile({
					    url: url,
					    success: function (res) {
						var filePath = res.tempFilePath;
						uni.openDocument({
							filePath: filePath,
							showMenu: true,
							success: function (res) {
								console.log('打开文档成功');
							}
						});
					}
				});
相关推荐
2501_9160074712 小时前
iPhone查看App日志和系统崩溃日志的完整实用指南
android·ios·小程序·https·uni-app·iphone·webview
2501_9159184115 小时前
iOS 抓不到包怎么办?全流程排查思路与替代引导
android·ios·小程序·https·uni-app·iphone·webview
HebyH_15 小时前
uniapp如何封装uni.request 全局使用
uni-app
随笔记1 天前
uniapp蓝牙连接设备并发送接收信息
javascript·uni-app·app
脑袋大大的1 天前
从“PPT动画”到“丝滑如德芙”——uni-app x 动画性能的“终极奥义”
前端·javascript·nginx·uni-app·uniapp·app开发·混合开发
随笔记1 天前
uniapp开发的app原生操作手机系统文件
前端·javascript·uni-app
于慨1 天前
uniapp上传文件
前端·uni-app
猫头_1 天前
uni-app 转微信小程序 · 避坑与实战全记录
前端·微信小程序·uni-app
iOS阿玮2 天前
凭一己之力干穿一个品牌,互联网+时代口碑比以前更重要了!
uni-app·app·apple
前端amanda2 天前
uniapp中uview组件中u-input格式化后赋值踩坑
前端·javascript·uni-app