首页 > 建站教程 > 小程序、公众号 >  uniapp微信小程序PDF和word预览正文

uniapp微信小程序PDF和word预览

之前分享了uniapp H5和APP实现pdf预览功能,现在分享下uniapp微信小程序PDF和word预览。


假设fileUrl.value = '/upload/1.docx':

function viewFile() {
    // 拼接全地址
    const url = imgHost + fileUrl.value
    // 获取文件后缀名
    const fileType = fileName.value.split('.')[fileName.value.split('.').length-1]
    if(!fileType) {
        return
    }
    // 下载文件,产生临时地址
    uni.downloadFile({
        url,
        success: (res) => {
            // 调用打开文档方法,传入下载的临时地址
            wx.openDocument({
                filePath: res.tempFilePath,
                fileType,
                showMenu: true,
                success:console.log,
                fail: console.error
            })
        },
        fail: console.error
    })
}


注意:要在微信公众平台配置downloadFile合法域名:

uniapp微信小程序PDF和word预览