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('打开文档成功');
							}
						});
					}
				});
相关推荐
996幸存者5 小时前
下拉、上拉选择器 支持搜索、删除、自定义选择内容、任意对象字段映射
微信小程序·uni-app
anyup8 小时前
🔥 uView Pro 全新升级来啦!一行配置,解锁 uView Pro 全局 TS 类型提示与校验
前端·vue.js·uni-app
Ankkaya8 小时前
开发小结(08.11-08.16)
前端·uni-app
源码哥_博纳软云9 小时前
JAVA国际版多商户运营版商城系统源码多商户社交电商系统源码支持Android+IOS+H5
android·java·ios·微信·微信小程序·小程序·uni-app
Burt19 小时前
#🎉 unibest 3.11了!快来看看新增了啥~
微信小程序·uni-app
2501_915106321 天前
iOS混淆工具实战 金融支付类 App 的安全防护与合规落地
android·ios·小程序·https·uni-app·iphone·webview
TellMeha1 天前
uniapp打包app关于获取本机相机、相册、麦克风等权限问题(ios第一次安装权限列表里没有对应权限问题)
ios·uni-app
zheshiyangyang1 天前
uni-app学习【pages】
前端·学习·uni-app
小周同学:2 天前
【UniApp打包鸿蒙APP全流程】如何配置并添加UniApp API所需的鸿蒙系统权限
华为·uni-app·harmonyos
初遇你时动了情3 天前
uniapp vue3 ts自定义底部 tabbar菜单
前端·javascript·uni-app