当前位置: 首页 > news >正文

专业做制作网站农产品品牌推广方案

专业做制作网站,农产品品牌推广方案,管理系统中计算机应用自考真题,wordpress 英文转中文目录 第一章 实现效果 第二章 了解并解决需求 2.1 了解需求 2.2 解决需求 2.2.1 方法一 2.2.2 方法二 第三章 资源下载 第一章 实现效果 第二章 了解并解决需求 2.1 了解需求 前端需要利用后端传的pdf临时路径实现H5端以及app端的pdf预览首先我们别像pc端一样&#…

目录

第一章 实现效果

第二章 了解并解决需求 

2.1 了解需求

2.2 解决需求

2.2.1 方法一

2.2.2 方法二

第三章 资源下载


第一章 实现效果

第二章 了解并解决需求 

2.1 了解需求

  • 前端需要利用后端传的pdf临时路径实现H5端以及app端的pdf预览
  • 首先我们别像pc端一样,利用iframe或者 window.open,解决方法如下:

2.2 解决需求

2.2.1 方法一

  • static下添加该pdf文件,一定要注意的是将该文件夹放在static下,文件获取在最后给出 

  •  创建pdf预览文件夹:

  • 根据需求撰写前端代码:
<template><view class="wrapper"><uni-nav-barleft-icon="back" :fixed="true"@clickLeft="back2Index" title="pdf预览"backgroundColor="#1677FF"height="88rpx"color="#fff":border="false"safeAreaInsetTop></uni-nav-bar><web-view :src="pdfUrl" width="100%" height="100rpx" class="main"></web-view></view>
</template><script>export default {data() {return {pdfUrl:'',// 方法一的预览路径,注意写法,文件命名可以自定义,具体看自己,但是参数格式不要错了viewerUrl: '/static/html/web/viewer.html?file='};},onLoad(options) {// pdf预览路径拼接,options是请求后端路径的页面值传参的this.pdfUrl = this.viewerUrl + options.pdfUrlconsole.log('url', this.pdfUrl)},methods:{back2Index(){uni.navigateBack()},}}
</script><style lang="scss" scoped>
.wrapper{background-color: #f3f4f6;.main{margin-top: 88rpx;}
}
</style>
  • 请求路径的文件代码内容:
// 获取pdf文件信息
downloadInfo (file) {// 接口请求,大家自行调整自己的请求方式deathInfoService.download({fileName: file}).then(({data}) => {let blob = dataconst binaryData = []binaryData.push(blob)// 看下面,该url是小编最终转的pdf临时路径const url = window.URL.createObjectURL(new Blob(binaryData, { type: 'application/pdf;chartset=UTF-8' }))// 拿到url之后传参,跳转页面uni.navigateTo({url:'/page_cremationAppoint/cremationAppoint/pdfView?pdfUrl='+ url})})
},

注意: 以上所有代码只是小编的大致思路,具体实现需要大家根据实际情况自行判断,例如pdf路径是已经有的,就不需要发送请求,直接带参跳转即可;也可能有的后端会直接返回一个路径…只是小编的这个后端比较懒,说能实现就行,所以小编这里为了得到路径对后端返回的值做了处理。

  • 第一种方法已经实现了,具体效果在最开始展示了

2.2.2 方法二

  • 方法2的处理方式与方法一的处理思路是一样的吗,唯一不同的就是使用的工具不同,这里使用的是pdf.js文件。
  • 需要更改的地方是:

  • 该url是根据大家工具放的位置写的,但也是在static文件下,参数是url=,代码如下:
viewerUrl: '/static/pdf/pdf.html?url='

第三章 资源下载

小编gitee仓库中:resource_package: uniapp pdf预览需要的资源包

http://www.zhongyajixie.com/news/53774.html

相关文章:

  • 学校学院网站建设意义品牌营销策略分析
  • 网站开发后台前端数据库seo搜索引擎优化排名哪家更专业
  • 适合推广的网站有哪些游戏广告投放平台
  • 基于liferay portal的乡镇企业门户网站建设研究怎么做电商卖东西
  • 建设网站协议范本营销推广活动策划方案大全
  • 做外贸门户网站手机建站系统
  • 建设银行官方网站登录入口网站建站价格
  • 医院网站建设 费用sem是什么工作
  • 如何快速做网站排名整合营销
  • 来个可以做渗透的网站seo服务运用什么技术
  • 凉山州建设厅官方网站百度人工优化
  • 沈阳做网站的公司有哪些南昌网优化seo公司
  • 公司网站建设属于无形资产吗免费的个人网站怎么做
  • flash网站导航怎么做襄阳百度开户
  • 网做英文网站如何去推广一个app
  • 兰州网站seo收费网店推广方式有哪些
  • 寻找郑州网站建设软件外包公司
  • 西安企业建站系统模板网络推广员工作内容
  • wordpress做线下交易上海seo服务
  • 兰州商城网站建设百度打广告收费表
  • 琪琪在线免费观看电视剧电脑系统优化软件十大排名
  • 仪征 做网站合肥seo推广外包
  • 视频网站建设 方案东莞网络推广营销
  • 网站打不开了怎么办2023年免费进入b站
  • 极速时时彩网站建设自媒体有哪些平台
  • 自己怎么做机构网站互联网销售是什么意思
  • 南山专业做网站公司百度宁波营销中心
  • 网站建设公司 岗位小说排行榜
  • 废品回收网站怎么做网站优化防恶意点击软件
  • 找别人做网站交货时应该注意什么十大网站平台