美文网首页
uniapp开发实现移动端pdf预览问题

uniapp开发实现移动端pdf预览问题

作者: 瞳孔里的温柔你看得见不 | 来源:发表于2022-12-11 17:37 被阅读0次

1.直接pdf链接形式

2.文件返回pdf流的形式如图所示是关键,拿到之后

const blob = new Blob([pdfData], {type: 'application/pdf'})// data为文件流数据

let url = window.URL.createObjectURL(blob)

console.log("pdfDatapdfData",url)

  this.url='/hybrid/html/web/viewer.html?file='+encodeURIComponent(url)

相关文章

  • pdf.js的使用实例

    最近 vue项目要在移动端实现在线浏览pdf,所以想到用pdf.jspdf.js可以实现在线预览pdf文档,核心部...

  • 手机端pdf预览

    项目需求: 实现h5页面中预览pdf,主要是微信中。HTML 、iframe 元素用在pc端还行,移动端不兼容,...

  • 4. 移动端适配相关概念

    1. 什么是移动端适配? 移动端开发目前主要包括三类: 原生App开发(iOS、Android、RN、uniapp...

  • vue+better-scroll+pdfjs-dist实现pd

    前些天,公司的一个移动端项目中,有个这样的需求,点击按钮,请求后台获取PDF地址,实现PDF预览,需要放大缩小翻页...

  • 移动端预览pdf处理

    若需要在移动端浏览器,微信内置浏览器等预览pdf文件,ios是可以直接打开文件链接,安卓总是提示让你安装QQ浏览器...

  • vue移动端pdf预览

    pdf预览,在项目中是很常见的需求,在PC端web项目中,我们可以使用window.open(url)直接打开pd...

  • vue移动端PDF预览

    1. 效果展示 2. pdfView.vue编写 3. PdfList.vue编写 如果编译时遇到 Module...

  • android 你所不知道的word,pdf预览方案

    前段时间开发需求要实现在android端预览下载下来的word和pdf文件,在此总结一下几种实现方案供大家参考(第...

  • 基于react实现的移动端的可吸附悬浮按钮,支持拖动拖拽功能

    基于react实现的移动端的可吸附悬浮按钮 预览地址(移动端): https://kkfor.github.io/...

  • 显示 pdf--pdf.js使用方法

    在做项目的时候有时需要将一个pdf文件展示出来,pc端可以直接使用 就可以打开pdf预览但是在移动端时,这种方法是...

网友评论

      本文标题:uniapp开发实现移动端pdf预览问题

      本文链接:https://www.haomeiwen.com/subject/lxgfqdtx.html