uni-app小程序查看文件

当前文件为存在阿里云上的文件,可以直接使用url访问

如果在模拟器上可以正确查看文件,但在体验版或正式版查看失败,可能是未配置合法域名:微信公众平台-》左侧导航中的开发管理-》开发设置tab里的服务器域名配置部分配置文件所在的域名

openFile(url, name) {
    let type = name.split(".")[name.split(".").length - 1];
    let image = ["JPG", "JPEG", "PNG"];
    let file = ["DOC", "XLS", "PPT", "PDF", "DOCX", "XLSX", "PPTX"];
    let urls = [];
    urls.push(url);
    // 如果文件是图片类型
    if(image.indexOf(type.toLocaleUpperCase()) > -1) {
        uni.previewImage({
            urls: urls,
            success: () => {},
            fail: (e) => {
                console.log(e);
                showModalWithText('预览文件失败')
            },
        });
    }
    // 如果文件是DOC/XLS/PPT/PDF/DOCX/XLSX/PPTX类型
    else if(file.indexOf(type.toLocaleUpperCase()) > -1) {
        // 小程序配置的合法域名为https协议
        if(url.indexOf("http") > -1 && url.indexOf("https") === -1) {
            url = url.replace("http", "https");
        }
        uni.downloadFile({
            url: url,
            success: function (res) {
                var filePath = res.tempFilePath;
                uni.openDocument({
                    filePath: filePath,
                    fileType: type.toLocaleLowerCase(),
                    success: function (res) {
                        console.log('打开文档成功');
                        // 提示:预览文件失败
                    },
                    fail: (e) => {
                        console.log(e);
                        // 提示:预览文件失败
                    },
                });
            },
            fail: function(err) { 
                // 提示:预览文件失败
            },
        });
    }
    else {
        // 提示:此类型文件暂不支持预览
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值