【笔记】uniapp 开发微信小程序使用 uni.openDocument 打开文档自定义文件名

小程序 tytrock ⋅ 于 2022-07-27 08:48:05 ⋅ 5957 阅读

开发小程序使用uni.openDocument打开word、pdf等文档,我们可以这样写代码:

uni.downloadFile({
    url: 'https://aaa/bbb.pdf',
    success: (res)=>{
        if(res.statusCode === 200) {
            var filePath = res.tempFilePath;
            uni.openDocument({
                filePath: filePath,
                showMenu: true,
                success: function (res) {
                    //console.log('打开文档成功');
                }
            });
        }
    }
});

但是这样出现了一个问题,那就是文件的名称是微信直接定义的,用户不知道是什么项目的文件,如下图

image.png


因此需要自定义打开pdf文件的名称,我们可以这样写

uni.downloadFile({
    url: 'https://aaa/bbb.pdf',
    filePath: wx.env.USER_DATA_PATH + '/' + 'PDF文件名.pdf',//指定保存的路径并指定文件名
    success: (res)=>{
        if(res.statusCode === 200){
            var filePath = res.filePath;//获取下载的文件名
            uni.openDocument({
                filePath: filePath,//指定文件名
                showMenu: true,
                success: function (res) {
                    //console.log('打开文档成功');
                }
            });
    }
});

image.png





本帖已被设为精华帖!
回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter