这篇具有很好参考价值的文章主要介绍了前端下载PDF内容空白且大小偏大问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
前端使用React框架axios请求后端接口下载文件，请求返回正常但文件大小和内容异常。经排查，其原因是使用了mockjs用作数据模拟，导致了请求异常，将其注释掉后，文件大小与内容恢复正常。
目录
1.文件异常
2.定位问题
3.文件正常
总结
文件大小比原件大近一倍：
文件内容空白：
控制台截图，可以看到文件流大小及request类型异常：
根据控制台截图，将引入的mockjs注释：
注释后，文件下载大小及request类型恢复正常：
文章来源：https://www.toymoban.com/news/detail-548767.html
综上，是整个问题的解决过程，在这里记录下。文章来源地址https://www.toymoban.com/news/detail-548767.html
到了这里，关于前端下载PDF内容空白且大小偏大问题解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
近期在工作中遇到一个问题，记录一下，在项目上线之后，遇到一个问题，即缩放到90%时，页面字体比默认的100%字体大，一开始毫无头绪，经过一番的Google...Google...Google....，终于找到了解决方法，这是因为大多数笔记本电脑默认的缩放比例为125%或者是150%，所以就出现了在本
因项目需求，需要将word格式文件转换pdf并添加水印，由于我在本地windos开发环境调试没有任何问题，一到测试环境linux发现乱码 例如: 由于项目是用docker+jenkins部署，经排查后发现原因是因为Linux跟windos中的字体不一样，windos中 c:windosuserFonts 目录中自带很多字体。但linux d
近日有个需求需要下载协议照片，使用的是阿里云的oss，由于无法协调后端那边配置跨域响应头，找了很多方案都不理想，终于在摸索下可以实现完美下载 常见方案有两个问题 1.图片格式(png,jpg等)不会触发下载，直接打开预览 2.跨域问题 先捋一下常见方案 方法一、a标签下载
目录 一，本文解决问题如下 二，原下载代码 1，ajax get 下载文件 2，下载异常图： 三，成功下载的 1， JQuery 实现文件下载xhr 2，图例 引言： 本人使用的ajax 下载，由于下载CSV,文本之类的没有问题，下载zip是出现各种问题。发现是设置responseType:\\\"blob\\\"没生效，项目中又没有
原理：主要是利用pdfh5这个插件来完成的 使用方法： 1.页面需要有一个容器例子：div id=\\\"demo\\\"/div 2.下载pdfh5插件 npm install pdfh5 (注意：webpack5之后不会下载polyfill 需要手动下载 所以引入pdfh5的时候会报错) 解决方案：下载 node-polyfill-webpack-plugin npm install node-polyfill-
有一朋友想把网页内容变成PDF下载下来。问我有没有好办法。 这还真巧了，咱公司也有这个需求，就是网页生成合同，然后可以直接打印合同内容。最早吧，就是可以直接打印就好了。 当时为解决完美打印的问题，挺费劲的，当时第三方插件还有BUG（当然把解决放给发给作
我的项目在 build 之后就插入到我的主网站的 /tools/image 路径下使用的，并非主网站，所以需要配置两个地方： 添加 base，意思是 build 之后的外部资源都从当前目录的相对路径获取。 比如 main.js 不是 /main.js 而是 ./main.js 我不知道是什么原理哈，反正是管用，之前在没有使用
两种情况： 1.如果这个接口是get的请求： 后端返回文件流，前端可能会导出txt或者excel的时候，里面的中文会出现乱码 就可以直接通过以下方式直接下载： window.location.href = \\\"请求文件流的接口地址\\\" 2.如果这个接口是post的请求： 因为存在多种场景，可能需要通过
1. 现在后端请求数据后，返回了一个二进制的数据，我们要把它下载下来。 这是响应的数据： 2. 这是调用接口的地方： 使用了file-saver插件：github地址 3. 这时如果直接下载的话，打开文件就会失败 4. 这时就必须要在调接口的时候做一下处理 responseType: \\\'arraybuffer\\\', 这个必须
我在前端使用axios接收后端xlsx表格文件流并下载，xlsx文件能够下载成功，但是打开却显示文件无法打开 请求API封装: Content–Type 以及 responseType 经核对均没有问题 接口调用: 下载函数封装: 预览: 二进制数据 可以看到文件数据已经接收到并且是二进制的，但是转为的xlsx文件却
