vue 将base64 的文件流转换成pdf 并下载, 兼容 IE10+

//base64 转换 blob

dataURLtoBlob(dataurl) {

  var bstr = atob(dataurl)

  var n = bstr.length;

  var u8arr = new Uint8Array(n);

  while (n--) {

    u8arr[n] = bstr.charCodeAt(n);

  }

  return new Blob([u8arr], { type: ‘pdf‘ });

}

// res.data   就是后台返回的base64的 文件流

let URL = this.dataURLtoBlob(res.data);

var reader = new FileReader();

  reader.readAsDataURL(URL);

  reader.onload = function (e) {

    // 兼容IE

    if (window.navigator.msSaveOrOpenBlob) {

      var bstr = atob(e.target.result.split(",")[1]);

      var n = bstr.length;

      var u8arr = new Uint8Array(n);

      while (n--) {

        u8arr[n] = bstr.charCodeAt(n);

      }

      var blob = new Blob([u8arr]);

      window.navigator.msSaveOrOpenBlob(blob,‘采购单.pdf‘);

    } else {

      // 转换完成,创建一个a标签用于下载

      var a = document.createElement(‘a‘);

      a.download = ‘采购单.pdf‘;

      a.href = e.target.result;

      a.setAttribute("id", "export")

      document.getElementById("purchaseManage").append(a); // 修复firefox中无法触发click

      a.click();

      document.getElementById("export").remove();

  }

}

原文地址:https://www.cnblogs.com/aoqizhonghua/p/11093087.html

时间: 2024-09-30 09:27:05

vue 将base64 的文件流转换成pdf 并下载, 兼容 IE10+的相关文章

vue文件流转换成pdf预览(pdf.js+iframe)

参考文档:https://www.jianshu.com/p/242525315bf6 PDFJS: https://mozilla.github.io/pdf.js/     支持获取文件流到客户端,生成blob地址预览 ViewerJS: http://viewerjs.org/   预览pdf文件,其pdf文件只能url地址 Vue-pdf https://github.com/FranckFreiburger/vue-pdf 会出现空白页( 推荐使用iframe方法 ) 无论从功能.兼容

CAD格式文件怎么转换成PDF文件

CAD文件是一种绘图工具,可以绘制任意二维三维图形,而且绘制精确性高,所以有很多笔者将绘制的作品选择用pdf文件保存下来,那么CAD格式文件怎么转换成PDF文件呢? 这里小编就教大家怎么将CAD格式文件转换成pdf文件,步骤方法如下. 第一步:搜索迅捷pdf在线转换器(http://app.xunjiepdf.com/cad2pdf),找到相关页面点击进入在线网站主页面,进入页面后,用我们鼠标点到文档转换,找到"CAD转PDF"那个栏目. 第二步:点击"选择文件"选

怎么将多张CAD图纸文件共同转换成PDF格式文件?

怎么将多张CAD图纸文件共同转换成PDF格式文件?在设计绘制好一张CAD图纸文件,想要将其进行打开查看或是打印的时候都是那么的不方便,所以这时候我们就需要将其转换成PDF格式的文件,那么如果是一张一张的将CAD图纸进行转换的话就会很麻烦而且还很费时间,今天小编就要来教大家的就是怎样同时将多张CAD图纸文件共同转换成PDF格式的全部操作步骤,希望大家能够进行采纳! 第一步:首先需要打开你们电脑上面的CAD转换器软件,如果你们电脑上没有这款软件的话,您们就可以去到官网上面进行下载安装了,小编是用的就

工作中的wps文件怎么转换成pdf

工作中的wps文件怎么转换成pdf?wps是一款功能齐全,且操作简单易学的文件编辑工具.现如今职场当中,大部分的职员都选择使用wps完成每天的工作任务.可是wps文件也是有着自己的缺陷,就是wps制作出来的文件安全性较低.可轻而易举得通过复制粘贴等方式,将其文件内容挪用.所以大家都会将使用wps制作好的文件,转换为pdf格式再进行保存.下面的文字内容里小编就将和大家说说如何将工作当中的wps文件转换为pdf格式. 1.一般来说大家都是在wps中,通过另存为的方式来改变文件格式.可是这种操作方法,

ppt转换成pdf转换器下载

ppt转换成pdf转换器下载日常的工作和学习中,经常要碰到各种文档之间的相互转换问题,其中pdf文档转换为ppt文档尤为常见,经常遇到一门课已经有了ppt文档,但又需要pdf文档用于阅览这种情况.如果逐个文件.逐页.逐个文本框的复制,但工作量十分可怕,而且容易出错:利用迅捷ppt转换成pdf转换器提供的先进识别设备能让再复杂的文字图片清晰识别出来,完美解决ppt文档想pdf文档的转换问题. 最为简单的转换方法可以归纳为以下2种,分别叙述如下: 方法一,使用迅捷版ppt转pdf转换器,首先进入pp

想效率高些?cad怎么样批量转换成pdf

遇到CAD文件,很多人都会犯愁,因为打不开,因此很多小伙伴都会将CAD文件转换成PDF文件.那么如果面对大量的CAD文件,我们该如何将CAD文件批量转换成PDF呢?这里教大家CAD怎么样批量转换成PDF比较方便. 第一步,下载迅捷CAD编辑器 打开浏览器,输入"迅捷CAD编辑器"(http://cad.xjpdf.com)搜索软件,找到软件下载资源后,请点击立即下载,下载软件安装包,然后按照步骤安装软件即可. 第二步,调出批处理功能 借助于迅捷CAD编辑器将CAD批量转换成PDF文件,

怎么把图片转换成pdf jpg转pdf案例

图片有各种格式,jpg.gif.png都是我们常见的,当我们想要把图片转换成pdf时,首先要注意这些文件的格式,考虑使用的方法是否可以兼容这些图片的格式,然后再查看此种方法的图片转成pdf的效果.那么,怎么把图片转换成pdf才能保证图片内容的整洁与清晰呢?想要达到这一点,其实并不是很难! 在执行图片转换成pdf操作前,我们要在电脑上下载安装好迅捷pdf转换器,然后还需要我们将要转换的图片放在同一个文件夹中,并将文件夹放在我们可以找到的位置.      第1步:在电脑桌面上用鼠标双击软件图标打开软

如何将ppt转换成pdf

对于word转pdf和jpg转pdf等方面的问题,相信大家已经非常了解了,但是对于如何将ppt转换成pdf的这个问题,大家还是没有过多的认识.针对这个问题,小猪猪为大家带来了一个简单有效的ppt转pdf方法,那就是使用迅捷ppt转换成pdf转换器对文件进行转换,下面我们一起来看看迅捷ppt转换成pdf转换器的操作教程. 准备工作:    (1)在电脑中下载安装[迅捷ppt转换成pdf转换器],网络中有很多下载资源,建议大家在安全软件网站中进行下载,以免误下病毒软件.大家也可以直接在软件官方网站下

Word文件格式转换:Word如何转换成PDF格式

Word文件如何转换成PDF格式呢? 可能大部分人都知道PDF转换成word格式,毕竟这也是一种常用的转换.就word转换成PDF小编在这里告诉大家一种方法! 1.首先我们需要借助辅助工具进行文件格式转换,大家可以在百度浏览器上搜索迅捷PDF转换器,安装在我们所操作的电脑上. 2.鼠标双击运行打开PDF转换器,在左侧栏目中选择到其他文件转换PDF,栏目下有"word转换PDF",关于其它功能就先不介绍了.3.软件下面会看到一些按钮,在这点击"添加文件"在跳转出来的文