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

发布时间:2023年12月19日

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)

vue通过iframe打开查看
uniapp通过web-view来查看

文章来源:https://blog.csdn.net/m0_46978096/article/details/134898298
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。