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

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)
http://www.lryc.cn/news/256969.html

相关文章:

  • SpringBoot 项目 Jar 包加密,防止反编译
  • DockerFile中途执行出错的解决办法
  • Word插件-好用的插件-一键设置字体--大珩助手
  • 【MODBUS】Modbus主站云端服务器和边缘设备部署区别
  • hbuiler中使用npm安装datav
  • 贾佳亚团队新作LLaMA-VID,2token让大模型学会看好莱坞大片
  • 【数据结构】手撕排序
  • 运维05:自动化
  • OpenCL学习笔记(一)开发环境搭建(win10+vs2019)
  • 寻找两个正序数组的中位数
  • 探索低代码的潜力、挑战与未来展望
  • unity 2d 入门 飞翔小鸟 小鸟碰撞 及死亡(九)
  • 实时最优控制(Real-Time Optimal Control)工具
  • (env: Windows,mp,1.06.2308310; lib: 3.2.4) uniapp微信小程序
  • go-zero开发入门-API服务开发示例
  • NVIDIA Jetson NX ubuntu20.04删除多余版本冲突的Boost库
  • 【蜗牛到家】获南明电子信息产业引导基金战略投资
  • 基于ubuntu nc指令实现远程传输文件到嵌入式设备中
  • 蓝桥杯 day01 奇怪的数列 特殊日期
  • properties配置和读取
  • 如何利用人工智能+物联网技术实现自动化设备生产
  • STM32CubeMx+MATLAB Simulink串口输出实验
  • React中每次渲染都会传入一个新的props.children到子组件?
  • Qt 通过命令行编译程序
  • WireShark监控浏览器登录过程网络请求
  • 202301209将RK3399的挖掘机开发板在Android10下设置系统默认为24小时制
  • 智能优化算法应用:基于法医调查算法无线传感器网络(WSN)覆盖优化 - 附代码
  • 使用MfgTool烧写工具烧写自制系统
  • react中使用react-konva实现画板框选内容
  • es6 相关面试总结