美文网首页
vue 打印,blob两种方式

vue 打印,blob两种方式

作者: 我是七月 | 来源:发表于2023-10-26 17:52 被阅读0次

方式一

const ifr = document.createElement('iframe');
    const date = new Date().getTime();
    ifr.style.frameborder = 'no';
    ifr.style.display = 'none';
    ifr.style.pageBreakBefore = 'always';
    ifr.setAttribute('id', 'printPdf' + date);
    ifr.setAttribute('name', 'printPdf' + date);
    ifr.src = event.data.data;
    document.body.appendChild(ifr);
    const printIframe = document.getElementById('printPdf' + date);
    setTimeout(() => {
      printIframe.contentWindow?.print();
    }, 1000);
    window.URL.revokeObjectURL(ifr.src); // 释放URL 对象

其中 ifr.src是就是流文件地址,格式为

blob:http://10.0.8.94:81/1dc58787-745d-42b9-87b5-559c5150e8c5

方式二

   <iframe id="printIframe" hidden height="{0}"></iframe>

  const printIframe = document.getElementById('printIframe');
    printIframe.src = event.data.data;
    setTimeout(() => {
      printIframe.contentWindow?.print();
    }, 1000);

相关文章

  • VUE 打印

    vue实现打印功能的两种方法[https://blog.csdn.net/peiyongwei/article/d...

  • vue-echarts基本使用

    vue-echarts介绍:https://github.com/ecomfe/vue-echarts/blob/...

  • echarts的两种使用方式

    在Vue中使用echarts的两种方式 npm webpack vue-cli echarts vue.js 准备...

  • PyTorch 打印模型

    方式1 print 打印网络的层 方式2 torchsummary.summary 总结 两种方法打印出来的都是n...

  • Vue router组件化开发总结

    Vue router就是Vue路由,是Vue不同组件之间跳转的重要方式。主要分为带参数跳转和不带参数跳转两种方式在...

  • Vue起步

    Vue.js官网 Vue.js教程 1. Vue.js起步 Vue.js有两种方式:引入CDN方式或使用命令行工具...

  • vue3.0 -初探 -持续更新中

    一.创建vue工程方式有两种 传统的 vue-cli 方式 传统的方式创建vue3,也没问题,但是这样一来的打包工...

  • Swift-优雅的打印Log

    iOS开发中Log打印是最为常见的调试方式,没有之一.Swift提供了两种打印方式 debugPrint可以自己识...

  • 导出文件流,当responseType:"blob"时,取不到报

    导出文件流时,请求需要设置为responseType:"blob",打印的http错误信息也会是blob类型。但是...

  • 如何通过Java打印Word文档

    本文将介绍如何使用Java程序来打印Word文档。打印可分为两种方式:一是打印到物理打印机;二是打印到虚拟打印机。...

网友评论

      本文标题:vue 打印,blob两种方式

      本文链接:https://www.haomeiwen.com/subject/utxuidtx.html