vue,uniapp的pdf等文件在线预览

vue,uniapp文件在线预览方案,用了个稍微偏门一点的方法实现了
通过后端生成文件查看页面,然后前端只要展示这个网页就行,uniapp就用web-view来展示,后台系统就直接window.open()打开就行

示例查看PDF文件,先将PDF下载路径转为Base64

npm install --save js-base64
import {
   encode} from 'js-base64'

let url = 'xxxxxxxxxxxxxxxxxx.pdf';//文件路径
let tempUrl = encode(url);
let fileurl = encodeURIComponent(tempUrl);
let previewUrl = "http://xxxxxxxxx/onlinePreview"//后端在线查看页面地址
window.open(previewUrl+'?url=' + fileurl)

相关推荐

  1. vue,uniapppdf文件在线

    2023-12-10 07:46:01       38 阅读
  2. vuePDF文件方法

    2023-12-10 07:46:01       9 阅读
  3. vue项目中实现doc/excel/pdf/txt/图片文件

    2023-12-10 07:46:01       33 阅读
  4. pdf.js 加密pdf文件

    2023-12-10 07:46:01       12 阅读
  5. CentOS使用kkFileView实现在线word excel pdf

    2023-12-10 07:46:01       40 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-10 07:46:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-10 07:46:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-10 07:46:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-10 07:46:01       18 阅读

热门阅读

  1. 电影《黑客帝国》第一部看完后的几点思考

    2023-12-10 07:46:01       34 阅读
  2. Pandas实践_预备知识

    2023-12-10 07:46:01       31 阅读
  3. 使用openpyxl调整Excel的宽度

    2023-12-10 07:46:01       43 阅读
  4. layui

    layui

    2023-12-10 07:46:01      26 阅读