【uniapp】微信小程序-实现文件查看和分享功能

.清和.

于 2025-03-26 15:03:50 发布

阅读量279

点赞数 5

分类专栏： uniapp 文章标签： uni-app 微信小程序

本文链接：https://blog.csdn.net/spicyIsPleasant/article/details/146529601

版权

uniapp 专栏收录该内容

12 篇文章

订阅专栏

代码

<button @click="viewFile">查看文件</button>
<button @click="shareFile">分享给好友</button>

//查看文件
viewFile(){
    const _this = this
    //如果该文件已经下载可以直接打开
    if(this.filePath){
        uni.openDocument({
            filePath: _this.filePath,
            showMenu: true,
            success: function (res) {
                console.log('打开文档成功');
            }
        });
    }else{
        //否则首先调用下载方法
        uni.downloadFile({
            //此处url为需要分享的文件的url
            url: 文件url,
            success: function (res) {
                _this.filePath = res.tempFilePath;
                uni.openDocument({
                    filePath: _this.filePath,
                    showMenu: true,
                    success: function (res) {
						    console.log('打开文档成功');
				    }
                });
            }
        });
    }
},
shareFile(){
    const _this = this
    //如果该文件已经下载可以直接分享
    if(this.filePath){
        wx.shareFileMessage({
            filePath: _this.filePath,
            success() {},
            fail: console.error,
        })
    }else{
        //否则首先调用下载方法
        uni.downloadFile({
            //此处url为需要分享的文件的url
            url: 文件url,
            success: function (res) {
                _this.filePath = res.tempFilePath;
                wx.shareFileMessage({
                    filePath: _this.filePath,
                    success() {},
                    fail: console.error,
                })
            }
        });
    }
}