前端数电发票预览-预览ofd格式的文件

373 阅读1分钟
1.安装:
npm i ofd.js

 
2.结构
 <div id="divId" width="100%" />
 
3.引入
import { parseOfdDocument, renderOfd } from 'ofd.js'
 parseOfdDocument({
            ofd: file.url,// 文件地址
            success(res) {
              // 输出ofd每页的div
              if (res) {
                const screenWidth = 680 // 设置内容的显示框大小
                const divs = renderOfd(screenWidth, res[0]) // 将流数据渲染给接受的div盒子
                const contentDiv = document.getElementById('divId') // 获取盒子元素
                contentDiv.innerHTML = '' // 清空,防止上一条数据没有销毁
                for (const div of divs) {
                  contentDiv.appendChild(div)
                }
              }
            },
            fail() {  }
          })