uniapp 在线预览各种格式文件(支持doc, xls, ppt, pdf, docx, xlsx, pptx格式) 适用于小程序 (解决了真机调试可以打开,发布体验版打不开的问题)(可设置文件名)-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp 在线预览各种格式文件(支持doc, xls, ppt, pdf, docx, xlsx, pptx格式) 适用于小程序 (解决了真机调试可以打开,发布体验版打不开的问题)(可设置文件名)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

代码:

uni.downloadFile({
  url: 'https://example.com/somefile.pdf', //自定义的文件地址
  filePath: uni.env.USER_DATA_PATH + "/" + "隐私协议.docx",  //设置文件名
  success: function (res) {
    var filePath = res.filePath || res.tempFilePath;
    uni.openDocument({
      filePath: filePath,
      showMenu: true,
      success: function (res) {
        console.log('打开文档成功');
      }
    });
  }
});

参考官方文档:

uni.saveFile(OBJECT) @savefile | uni-app官网uni-app,uniCloud,serverlesshttps://uniapp.dcloud.net.cn/api/file/file.html#opendocument

tips:

问题一: 打不开

1. 文件地址须保证能正常打开(在浏览器中尝试是否能预览或正常下载)

2.注意文件名最好为数字字母(非中文)

问题二: 真机调试可以打开,体验版没反应:

1.小程序后台-开发设置中-设置downloadFile合法域名(文件地址域名)

2.问题一不能出现

问题三: 文件名是一长串字符,需要设置文件名:

1. filePath: uni.env.USER_DATA_PATH + "/" + "隐私协议.docx", //设置文件名

2. var filePath = res.filePath || res.tempFilePath文章来源地址https://www.toymoban.com/news/detail-755680.html

到了这里，关于uniapp 在线预览各种格式文件(支持doc, xls, ppt, pdf, docx, xlsx, pptx格式) 适用于小程序 (解决了真机调试可以打开,发布体验版打不开的问题)(可设置文件名)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！