uniapp,实现下载文件，并保存到本地，打开文件预览

明日之后 · 发表于 2021-11-25 16:47:26

[JavaScript] 纯文本查看 复制代码

<!-- #ifdef  APP-PLUS -->
<u-button class="btn" @click="Download">下载签订合同</u-button>
<!-- #endif -->

<!-- #ifdef  H5 -->
<a  class="btn">下载签订合同</a>
<!-- #endif -->

[JavaScript] 纯文本查看 复制代码

//签订合同下载
Download() {
        uni.downloadFile({
                url: 'http://192.168.0.200:8058/files/200200711.doc',//下载地址接口返回
                success: (data) => {
                        if (data.statusCode === 200) {
                                //文件保存到本地
                                uni.saveFile({
                                        tempFilePath: data.tempFilePath, //临时路径
                                        success: function(res) {
                                                uni.showToast({
                                                        icon: 'none',
                                                        mask: true,
                                                        title: '文件已保存：' + res.savedFilePath, //保存路径
                                                        duration: 3000,
                                                });
                                                setTimeout(() => {
                                                        //打开文档查看
                                                        uni.openDocument({
                                                                filePath: res.savedFilePath,
                                                                success: function(res) {
                                                                        // console.log('打开文档成功');
                                                                }
                                                        });
                                                }, 3000)
                                        }
                                });
                        }
                },
                fail: (err) => {
                        console.log(err);
                        uni.showToast({
                                icon: 'none',
                                mask: true,
                                title: '失败请重新下载',
                        });
                },
        });
},

2605280004 · 发表于 2021-12-6 23:14:42

正在学习中，感谢分享

我是床奇 · 发表于 2021-12-4 00:00:21

感谢分享，支持开源

lq850815 · 发表于 2021-11-27 15:29:45

谢谢分享

		自动登录	找回密码
密码			注册

[技术分享] uniapp,实现下载文件，并保存到本地，打开文件预览