uniapp文件在线预览方案
做个网页用kkFileView插件实现文件预览,uniapp就用web-view来展示
下面是我写的示例查看PDF文件,先将PDF下载路径转为Base64文章来源:https://www.toymoban.com/news/detail-757928.html
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://www.toymoban.com/news/detail-757928.html
到了这里,关于vue,uniapp的pdf等文件在线预览的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!