vue前端返回PDF文件流空白

2024-11-09

前端axios请求二进制数据流转换生成PDF文件空白问题（终极解决方案）

本文章共1570字,预计阅读时间1 - 3分钟. 问题场景: axios请求二进制数据转换生成PDF空白问题,使用axios请求后端接口,后端返回的二进制流文件,需要转换成PDF,但是在postman中直接保存文件是可以打开的: 问题描述: 请求后端接口 => 转换PDF文件代码: import axios from '@public/axios' // 引入封装的axios // 请求方法如下 reqExcel: reqData => axios.get(`api/export`, req

pdf文件流生成pdf文件

protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { Code.Login Starr_model = new Code.Login(); Code.InsuranceModel.InsuranceSegment_Result result = new InsuranceModel.InsuranceSegment_Result(); try { //判断接口请求是否成功 result = C

C#生成PDF文件流

1.设置字体 static BaseFont FontBase = BaseFont.CreateFont("C:\\WINDOWS\\FONTS\\STSONG.TTF", BaseFont.IDENTITY_H, BaseFont.EMBEDDED); ); ); ); , Font.UNDERLINE, BaseColor.BLUE); 2.生成PDF文件流返回byte数组 public byte[] DocCreate(System.Drawing.Image image, L

PDF.Js的使用—javascript中前端显示pdf文件

PDF.Js的使用—javascript中前端显示pdf文件写于2018/12/6 起因是一个图片展示页面需要展示pdf格式的文件,所以查了半天决定使用pdf.js,我也不求有多了解它,能实现我想要的效果就行,但至少到了最后我让它的demo跑了起来. 网上很多教程要么不全,要么就是很杂很深又不靠谱,因为我不怎么想了解它是用什么框架完成的,怎么make的,我只想要在前端引入js并能展示pdf,所以很多看不下去,但是获得pdf.js之前还是需要进行一些配置,大致的配置过程如下吧. 1. 取得pdf

纯前端导出pdf文件

纯前端js导出pdf,已经用于生产环境. 工具: 1.html2canvas,一种让html转换为图片的工具. 2.pdfmake或者jspdf ,一种生成.编辑pdf,并且导出pdf的工具. pdfmake:http://pdfmake.org 优点: 能够支持中文,具有部分自适应布局功能,需要vfs_fonts.js字体文件. 缺点:支持中文的vfs_fonts.js文件一般较大. 如果图片过大,不会自动分页. 生成vfs_fonts.js文件的方法如图,npm install pdfmak

Vue.js +pdf.js 处理响应pdf文件流数据，前端转图片预览不可下载

使用场景及原因实际业务中,一些说明书或协议仅支持用户在线预览,为避免用户自行下载,并进行修改,引发纠纷,特将文件已文件流的形式,传给前端并转为图片显示,此时可能会有人问,为什么不直接在后端转图片,前端直接展示呢?那是因为当系统用户数量较高时,高并发会时服务器有很大的压力,可能会导致系统压测不能通过,前端转图片,可以将处理压力分摊至每个客户端. 本次操作为Vue.js + pdf.js 因个人需求不同,并未做打包处理,可自行单独下载文件,下载地址: - qs :https://pan.baidu

iText C# 合并PDF文件流,以及A5变A4时内容默认放在最底下的问题的解决方法；ASP.NET 实现Base64文件流下载PDF

/// <summary> 合併PDF檔(集合) </summary> /// <param name="files">欲合併PDF檔之集合(一筆以上)</param> /// <param name="pagesize">纸张大小</param> public static MemoryStream mergePDFStream(MemoryStream[] files, Rectangle

前端生成pdf文件之pdfmake.js

转载:点击查看原文 pdfmake.js是一个简单的生成pdf文件的插件. pdfmake.js https://files.cnblogs.com/files/s313139232/pdfmake.min.js 代码也很简单: html文件: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>my fi

ajax 请求后台返回的文件流

download(url) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); // 也可以使用POST方式,根据接口 xhr.responseType = "blob"; // 返回类型blob // 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑 xhr.onload = function () { // 请求完成 if (this.status === 200) { // 返回200 var

C# 输出pdf文件流在页面上显示

1 不调用itextsharp.dll的操作 /// <summary> /// 生成pdf流 /// </summary> /// <param name="fpath"></param> private void EditPDF(string fpath) { string path = fpath.Replace("\\"

前端接收后端文件流导出excel文档遇到的问题

先上代码: Vue.prototype.download = function(oUrl, filename) { this.axios .get(oUrl, { responseType: 'arraybuffer' }) .then((res) => { console.log(res); // type 为需要导出的文件类型,此处为xls表格类型 const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });

后台返回excel文件流，js下载

/** 下载excel */ downloadExcel(data: Blob): void { var blob = new Blob([data], { type: 'application/vnd.ms-excel application/x-excel;charset=utf-8' }); // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型 var downloadElement =

基于VUE利用pdf.js实现文件流形式的pdf显示

首先推荐大家看一下这个demo vue-pdf.js-demo,这里面包含固定本地地址,远程pdf地址,通过打开文件的方式打开pdf 这儿我们着重介绍一下通过文件流的形式打开pdf.(所谓文件流,就是通过ajax请求,返回的数据是文件流的形式) 1. 首先通过下载pdf.js的相关文件,当然我推荐直接拷贝 vue-pdf.js-demo里面的文件,然后放到static目录里面 2. 第二步就是直接使用了在组件中合适的地方放入 iframe <iframe class="prism-pla

纯前端下载pdf链接文件,而不是打开预览的解决方案

纯前端下载pdf链接文件,而不是打开预览的解决方案一,介绍与需求 1.1,介绍 XMLHttpRequest 用于在后台与服务器交换数据.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 问题:Chrome 会自动调用内置的 pdf 阅读器打开 1.2,需求在谷歌(Chrome)浏览器中,使用a标签属性download下载pdf链接文件,如果是相同域时,可以直接下载;但是如果域不同,则不是下载,而是直接打开页面预览文件.但是需求是直接点击下载文件,而不是打开预览:以及下载后

前端实现预览ppt，word，xls，pdf文件

1.前端实现pdf文件在线预览功能 ps:刚好工作上有这个需求,所以到处找了一下处理方案,大家有需要可以试一下这几种方案,找到合适自己的方式一. pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面.在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过a标签href属性实现预览 <a href="文档地址"></a> ps:这个会直接变成下载,注意使用方式二. 通过jquery插件jquery.media.js实现这个插件可以实现pdf预览功能(包

Itext生成pdf文件

来源:https://my.oschina.net/lujianing/blog/894365 1.背景在某些业务场景中,需要提供相关的电子凭证,比如网银/支付宝中转账的电子回单,签约的电子合同等.方便用户查看,下载,打印.目前常用的解决方案是,把相关数据信息,生成对应的pdf文件返回给用户. 本文源码:http://git.oschina.net/lujianing/java_pdf_demo 2.iText iText是著名的开放源码的站点sourceforge一个项目,是用于生成PDF文

java实现word转pdf在线预览（前端使用PDF.js；后端使用openoffice、aspose）

背景之前一直是用户点击下载word文件到本地,然后使用office或者wps打开.需求优化,要实现可以直接在线预览,无需下载到本地然后再打开. 随后开始上网找资料,网上资料一大堆,方案也各有不同,大概有这么几种方案: 1.word转html然后转pdf 2.Openoffice + swftools + Flexmapper + jodconverter 3.kkFileView 分析之后最后决定使用Openoffice+PDF.js方式实现环境搭建 1.安装Openoffice,下载地址:

asp.net MVC设计模式中使用iTextSharp实现html字符串生成PDF文件

因个人需求,需要将html格式转换成PDF并加上水印图片.于是乎第一次接触这种需求的小菜鸟博主我,在某度搜索引擎上不断的查阅关键字资料.踩坑,终于有了一个相应的解决方案.以下是解决步骤,记录下来方便以后的回顾,以及各位大神们的品鉴. 1.在 NuGet 搜索 itextsharp 关键字下载以下截图圈中的两个包,一般下载完后项目会自引用. 2.在项目文件中引入以下命名空间(建议下面提及的代码封装成类库,方便项目间调用,个人取舍) 3.Html字符串转pdf文件流,加水印图片以及未加水印重载精

前端生成PDF，让后端刮目相看

PDF 简介 PDF 全称Portable Document Format (PDF)(便携文档格式),该格式的显示与操作系统.分辨率.设备等因素没有关系,不论是在Windows,Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用.Adobe公司在1993年为了文档传输创造了这个文件格式,这个格式使用PostScript页面描述语言,适用于列印图像和文字(无论是在纸.胶片或非物质的CRT都可).PDF是基于页面描述语言.它既可以像程序代码一样具有可读性,又能表示出可任意放大和缩小的矢

Linux 文件流管理

1. 打开/关闭文件 1). 打开文件 / fopen 作用: 打开一个文件,将其与文件流联系起来,方便后续的操作头文件: #include <stdio.h> 函数原型: FILE *fopen(const char *file_name, const char *mode) 参数: file_name: 欲打开的文件名(可包含路径) mode: r(rb): 只读的方式打开文件 (该文件必须存在) r+(rb+): 以读&写的方式打开文件 (该文件必须存在) w(wb): 只写的

vue前端返回PDF文件流空白

热门专题