uniapp 二进制文件流下载

谁知道以后呢

已于 2023-08-17 16:48:17 修改

阅读量2.1k

点赞数

文章标签： uni-app 前端 javascript vue.js

于 2023-07-07 17:59:07 首次发布

本文链接：https://blog.csdn.net/weixin_45109258/article/details/131602249

版权

这段代码展示了如何在uni-app中使用uni.showLoading显示加载提示，然后下载指定接口的文件到用户数据路径，特别是一个.xlsx文件。成功下载后，使用uni.openDocument打开文件，如果失败则展示错误提示。

摘要由CSDN通过智能技术生成

                uni.showLoading({
                    title: '加载中'
                })
                let url =  /你的接口 和参数 拼接/ 
                let filePath = `${wx.env.USER_DATA_PATH}/${+new Date}.xlsx`;//导出的文件名
                uni.downloadFile({
                    url,

                     // header 头 根据 封装的 是否需要token
                    header:{
                        'content-type': 'application/json',
                        'fromtype': config.from_type,
                        //'fromtime': new Date().getTime(),
                        'appid': `${config.appid}`,
                        "token":getToken()
                    },
                    filePath,
                    success: (res) => {
                        if (res.statusCode === 200) {
                            console.log('下载成功', res);
                            var filePath = res.filePath;
                            uni.hideLoading();
                            uni.openDocument({
                                filePath: filePath,
                                showMenu: true,
                                success: function (res) {
                                    console.log('打开文档成功');
                                },
                                fail: function (res) {
                                    uni.showToast({
                                        title: "下载失败",
                                        icon: "none"
                                    });
                                }
                            });
                        }
                    }
                });