vue实现打印后的页面直接打印

爱吃猫的鱼v.2

于 2021-02-24 17:29:07 发布

阅读量878

点赞数 1

分类专栏： Vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_43937400/article/details/114030144

版权

Vue 专栏收录该内容

11 篇文章

订阅专栏

该博客内容涉及Vue.js中处理PDF文件的打印方法。通过获取Blob数据，创建URL并打开新窗口，然后调用打印功能，实现了PDF页面在打印时直接从浏览器打印控件输出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue实现打印后的页面直接打印

/*
* 处理blob接口返回值或弹窗打印pdf
* */
export function getBlobResult(data) {
  const binaryData = [];
  binaryData.push(data);
  let blob = new Blob(binaryData, { type: data.type })
  //弹出打印
  console.log("data.type", data.type)
  if (data.type == "application/pdf") {
    let urlPdf = window.URL.createObjectURL(blob);
    //打印出来的页面直接调打印控件（以下三行）
    let newWindow = window.open(urlPdf, '__blank');
    newWindow.document.close();     //关闭document的输出流, 显示选定的数据
    newWindow.print();   //打印当前窗口
  } else {
    //异常返回
    const reader = new FileReader();
    reader.readAsText(blob, 'utf-8');
    reader.onloadend = function () {
      let errorMsg = reader.result.substring(9);
      Message.error(errorMsg)
    }
    return;
  }
  return "";
}