营销式网站建设,免费注册个人网站官网,大学生网站建设策划书范文,LAMP环境wordpress放在哪里关键 使用到 pdf.js
第一步#xff1a;
下载pdf.js 文件到项目根目录
也就是这个文件 附下载地址#xff1a;uni-app-pdf: 在uni-app中使用pdf.js实现在手机上打开pdf 也可通过其他方法下载 如npm
第二步#xff1a;
拷贝hybrid文件到项目根目录
第三步#xff1a;…关键 使用到 pdf.js
第一步
下载pdf.js 文件到项目根目录
也就是这个文件 附下载地址uni-app-pdf: 在uni-app中使用pdf.js实现在手机上打开pdf 也可通过其他方法下载 如npm
第二步
拷贝hybrid文件到项目根目录
第三步
新建 viewPdf.vue文件
templateviewweb-view :srcwebViewSrc/web-view/view
/templatescript setup langtsimport { ref, getCurrentInstance } from vue;import config from /utils/http/config.js;import { onLoad } from dcloudio/uni-app;const { proxy } : any getCurrentInstance()let Url ref()Url.value config.filesUrl.devlet webViewSrc ref()let viewerUrl /hybrid/html/web/viewer.html; // 根目录文件地址onLoad((option : any) {// option.url 从其他需要预览pdf文件的页面传入的urllet deviceInfo uni.getDeviceInfo()if (deviceInfo.platform ! ios) {//option.url 就是预览的pdf地址webViewSrc.value ${viewerUrl}?file${Url.value option.url}} else {// ios直接访问pdf所在路径webViewSrc.value Url.value option.url}})/script
第四步
使用
templateview clickchange_pdf(file_url) 点击查看附件 /view //file_url pdf文件路径
/templatescript setup langtsfunction change_pdf(url : any) {uni.navigateTo({url: /pages/index/viewPdf?url${url}})}
/script
注ios可省略步骤 直接使用web-view :src文件路径/web-view 即可
