vue前端预览ofd格式的文件

/* 组件使用说明  1、首先安装依赖npm i ofd.js --save
2、import {parseOfdDocument, renderOfd} from "ofd.js";
3、准备一个div容器 */
<template><div id="divId" style="text-align: center"></div>
</template><script>
import { parseOfdDocument, renderOfd } from "ofd.js";export default {data() {return {};},mounted() {parseOfdDocument({// ofd写入文件地址ofd: "/SystemMana/control/streamCdt?contentId=56ls8Fgf1vI3UaDaxVd",success(res) {//输出ofd每页的divlet screenWidth = 800;const divs = renderOfd(screenWidth, res[0]);let contentDiv = document.getElementById('divId');contentDiv.innerHTML = '';for (const div of divs) {contentDiv.appendChild(div);}},fail(error) {console.log(error)}});},methods: {}
};
</script>
<style lang="less" scoped>
.login-wrap {display: flex;justify-content: center;align-items: center;height: 100vh;background: url("../../assets/image/loginBac.jpg");.login {width: 368px;position: relative;left: -33%;.header {margin-top: 9vh;margin-bottom: 6vh;text-align: center;.description {font-size: 30px;font-weight: 600;margin-top: 1vh;}}}.login-form {background-color: #fff;padding: 0 20px 20px;box-shadow: 0 0 20px #ddd;.form {padding-top: 1vh;}.login-btn {display: inline-block;width: 100%;margin-top: 2vh;}}
}
</style>

仅做笔记记录
https://blog.csdn.net/weixin_28898107/article/details/123126031（详细）

vue前端预览ofd格式的文件相关推荐

超图预览osgb格式倾斜摄影文件
倾斜摄影倾斜摄影技术是国际摄影测量领域近十几年发展起来的一项高新技术,该技术通过从一个垂直.四个倾斜.五个不同的视角同步采集影像,获取到丰富的建筑物顶面及侧视的高分辨率纹理. 它不仅能够真实地反映地 ...
原生js预览ofd文件，JavaScript
最近项目需要预览ofd文件,于是上网搜索了一下相关知识,结果大感失望,内容很少而且没有什么用,最后根据一个博客找到了方法和总结,话不多说上代码. <!DOCTYPE html> <h ...
php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）
最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览) 最后选择了pdf.js插件(兼容ie10及以上.谷歌.安卓,苹果) 强烈推荐改插件, ...
前端预览 PDF 文件几种方式汇总（使用PDFJS）
哈喽大家好啊.前半年还挺忙的,一直也没有发文章,有老哥想我了嘛.这两天发现老有人私信问我 PDF 相关的内容. 那么好,为了我能安心摸鱼,我准备出一篇文章来介绍一下如何使用 PDFJS . PDF.j ...
vue 在线预览、下载word、pdf文件
vue 在线预览.下载word.pdf文件最近项目用vue-cli3要实现word和pdf文档的在线预览和下载,在网上看到各位大佬们各种办法,发现踩坑无数,还是没弄出来,最后发现还是是自己想复杂了 ...
ubuntu 下播放 yuv 格式的文件预览Raw格式图片
1.ubuntu 下播放 yuv 格式的文件 1)使用ffplay sudo apt-get install ffmpeg 查看图片 ffplay -f rawvideo -video_size 64 ...
php vue pdf预览,Vue项目使用pdf.js
前段时间有个支持在线学习功能的项目,有需要在线预览pdf格式课件的功能,我就想在线预览pdf多简单,因为大部分浏览器都支持打开pdf文件,所以直接放个iframe然后src是pdf文件的地址不就行了吗 ...
前端预览word文档实现
记录前端预览word文档的需求实现方案一:XDOC文档预览可以使用XDOC文档预览云服务来进行word文件的在线预览,直接去网站体验就知道怎么用了. https://view.xdocin.com ...
前端预览-Word（.docx）
目前前端预览有以下几个方案: 1.使用微软.永中等第三方提供的服务进行预览. 2.前端使用docx-preview.mammoth两个插件进行预览. 3.后端提供服务或者转为pdf进行预览. 以下逐条 ...

vue前端预览ofd格式的文件

vue前端预览ofd格式的文件相关推荐

最新文章

热门文章