文件下载pdf乱码 application/pdf；charset-UTF-8

最新推荐文章于 2025-02-18 16:43:57 发布
原创 最新推荐文章于 2025-02-18 16:43:57 发布 · 3.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #html5 #javascript

这段代码展示了如何在浏览器环境中利用Blob对象创建一个文件并实现下载。它检查浏览器是否支持'download'属性，然后通过创建一个隐藏的a标签，设置其href为Blob对象的URL，并触发点击来下载文件。对于不支持该属性的IE10+浏览器，它使用了navigator.msSaveBlob方法。

try {

const blob = new Blob([res], {

type: `application/pdf;charset-UTF-8` // word文档为msword,pdf文档为pdf

})

if ('download' in document.createElement('a')) { // 非IE下载

const url = window.URL.createObjectURL(blob)

const aLink = document.createElement('a')

aLink.style.display = 'none'

aLink.href = url

aLink.setAttribute('download', '信息确认单')

document.body.appendChild(aLink)

aLink.click()

document.body.removeChild(aLink) // 下载完成移除元素

window.URL.revokeObjectURL(url) // 释放掉blob对象

} else { // IE10+下载

navigator.msSaveBlob(blob, '信息确认单')

}

} catch (e) {

console.error(e)

}

⚠️：responseType: blob

Running_FE
关注
upload的文件对应的类型（比如.pdf 后缀文件对应type为‘application/pdf‘）
CynthiaMyh的博客
05-24 2294
upload的文件对应的类型（比如.pdf 后缀文件对应type为'application/pdf'）
解决No converter for XXX with preset Content-Type ‘application/octet-stream；charset=UTF-8‘
初心不改
12-31 1万+
如题 我在后台封装下载excel的接口逻辑时，文件流关闭后响应返回success，但是后台报错 原因就是我系统整体封装的响应逻辑，所以我在下载文件后也返回了成功和失败的逻辑。但是并不支持。 try { List<ExportExcelData> excelDataList = getData(wo_id); // 获取表体数据 WriteCellStyle headWriteCellStyle = new WriteCellStyle(); //设置头居中 headWriteCell
application/pdf
05-15
C:\Documents and Settings\cface\桌面\ACER笔记本图纸\TravelMate C100.pdf
接口响应头content-type为application/pdf；charset=UTF-8，将pdf文件存放于响应体里。
m0_58210306的博客
02-18 795
今天接到一个新的需求，客户为了方便定时把pdf文件从一台服务器传到另一台服务器上，自己制定了一套爬虫程序，要求我这边提供文件的下载接口，要求把pdf文件存放于响应体里方便直接下载。
在Web应用中动态创建PDF文件
weixin_34146805的博客
10-22 234
在Web应用中动态创建PDF文件 gagaghost 翻译  (参与分：104，专家分：230)   发表：2004-9-15 下午6:33   版本：1.0   阅读：885次 在Web应用中动态创建PDF文件原文：Sean C. Sullivan    翻译：gagaghost  在一个最近的后勤项目中，客户要求我们建一个能让用户能从...
PDF格式文件下载、文件下载
weixin_45587504的博客
12-13 571
pdf格式文件下载
GB-charset.pdf
06-27
GB-charset.pdf
"application/octet-stream; charset=UTF-8"和application/octet-stream;的区别
09-06
charset=UTF-8`：非标准写法，可能导致部分浏览器错误地试图用UTF-8解码二进制数据，从而造成文件损坏或下载失败。 建议：除非有特殊情况（如传输的是文本内容但必须强制下载），否则不要为`application/octet-...
setContentType("text/html;charset=utf-8")
最新发布
11-18
1. 设置字符编码必须一致：响应头、HTML元标签（`<meta charset="UTF-8">`）和实际文件编码（如编辑器保存为UTF-8）三者一致才能确保无乱码。 2. 在Java中，如果同时使用`setContentType`和`setCharacterEncoding`，...
Vue 采用blob下载后端返回的excel流或者pdf流文件乱码问题解决方案
weixin_44897405的博客
11-28 4148
我大意了啊，没有闪~~~~年轻人不讲5的，这真的是个坑。。。 网上有很多pdf或者excel转后台返回的流文件方法，但是下载或者预览就特么炸裂了，打开或者预览全是乱码，现在我来填坑。。。 预览pdf如下图： 这个charset=utf-8一定要添加，不添加可能乱码，如果后台返回的格式里面有，那就没必要了！ 代码： const binaryData = [] binaryData.push(res.data) // 获取blob链接 this.pdfUrl = window.URL.createObject
What Is Application Server.pdf
09-27
What Is Application Server.pdf
深入UTF8字符编码.pdf
10-02
深入UTF8字符编码，欢迎使用，共同进步
package com.shunyu.yiwu.ai.platform.controller; import io.swagger.v3.oas.annotations.tags.Tag; import jakarta.servlet.http.HttpServletResponse; import org.springframework.core.io.Resource; import org.springframework.core.io.support.PathMatchingResourcePatternResolver; import org.springframework.core.io.support.ResourcePatternResolver; import org.springframework.http.*; import org.springframework.util.StreamUtils; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; import java.io.IOException; import java.io.InputStream; import java.net.URLEncoder; import java.nio.charset.StandardCharsets; import java.util.Arrays; import java.util.Comparator; import java.util.List; import java.util.Objects; /** * 文件下载控制器 */ @RestController @RequestMapping("/file/download") @Tag(name = "文件下载", description = "处理文件下载相关接口") public class FileDownloadController { private final ResourcePatternResolver resourcePatternResolver; public FileDownloadController(ResourcePatternResolver resourcePatternResolver) { this.resourcePatternResolver = resourcePatternResolver; } /** * 下载帮助文档（默认返回目录下第一个文件） */ @GetMapping("/help-doc") public ResponseEntity<byte[]> downloadHelpDoc() { try { // 获取help-docs目录下的所有文件 Resource[] resources = resourcePatternResolver.getResources("classpath:help-docs/*"); if (resources.length == 0) { return ResponseEntity.notFound().build(); } // 获取第一个文件（按文件名排序以确保一致性） List<Resource> resourceList = Arrays.asList(resources); resourceList.sort((r1, r2) -> { try { return Objects.requireNonNull(r1.getFilename()).compareTo(Objects.requireNonNull(r2.getFilename())); } catch (Exception e) { return 0; } }); Resource fileResource = resourceList.get(0); String filename = fileResource.getFilename(); // 读取文件内容 byte[] fileContent; try (InputStream inputStream = fileResource.getInputStream()) { fileContent = inputStream.readAllBytes(); // 使用更可靠的读取方式 } // 检测内容类型 String contentType = detectContentTypeFromName(filename); // 对于Office Open XML格式文件，使用通用二进制流类型以避免编码问题 if (filename != null && (filename.toLowerCase().endsWith(".docx") || filename.toLowerCase().endsWith(".xlsx") || filename.toLowerCase().endsWith(".pptx"))) { contentType = MediaType.APPLICATION_OCTET_STREAM_VALUE; } // 对文件名进行UTF-8编码 String encodedFileName = null; if (filename != null) { encodedFileName = URLEncoder.encode(filename, StandardCharsets.UTF_8) .replace("+", "%20"); } // 构建响应 return ResponseEntity.ok() .contentType(MediaType.parseMediaType(contentType)) .header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename*=UTF-8''" + encodedFileName) .header(HttpHeaders.ACCESS_CONTROL_EXPOSE_HEADERS, HttpHeaders.CONTENT_DISPOSITION) .header(HttpHeaders.CACHE_CONTROL, "no-cache, no-store, must-revalidate") .header(HttpHeaders.PRAGMA, "no-cache") .header(HttpHeaders.EXPIRES, "0") .header(HttpHeaders.CONTENT_LENGTH, String.valueOf(fileContent.length)) .body(fileContent); } catch (Exception e) { e.printStackTrace(); return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).build(); } } /** * 根据文件名检测Content-Type */ private String detectContentTypeFromName(String filename) { if (filename == null) { return MediaType.APPLICATION_OCTET_STREAM_VALUE; } String fileName = filename.toLowerCase(); if (fileName.endsWith(".pdf")) { return "application/pdf"; } else if (fileName.endsWith(".doc")) { return "application/msword"; } else if (fileName.endsWith(".docx")) { return "application/vnd.openxmlformats-officedocument.wordprocessingml.document"; } else if (fileName.endsWith(".xls")) { return "application/vnd.ms-excel"; } else if (fileName.endsWith(".xlsx")) { return "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; } else if (fileName.endsWith(".ppt")) { return "application/vnd.ms-powerpoint"; } else if (fileName.endsWith(".pptx")) { return "application/vnd.openxmlformats-officedocument.presentationml.presentation"; } else if (fileName.endsWith(".txt")) { return "text/plain; charset=UTF-8"; } else if (fileName.endsWith(".html") || fileName.endsWith(".htm")) { return "text/html; charset=UTF-8"; } else if (fileName.endsWith(".css")) { return "text/css; charset=UTF-8"; } else if (fileName.endsWith(".js")) { return "application/javascript"; } else if (fileName.endsWith(".json")) { return "application/json; charset=UTF-8"; } else if (fileName.endsWith(".xml")) { return "application/xml; charset=UTF-8"; } else if (fileName.endsWith(".jpg") || fileName.endsWith(".jpeg")) { return "image/jpeg"; } else if (fileName.endsWith(".png")) { return "image/png"; } else if (fileName.endsWith(".gif")) { return "image/gif"; } else if (fileName.endsWith(".svg")) { return "image/svg+xml"; } else if (fileName.endsWith(".zip")) { return "application/zip"; } else if (fileName.endsWith(".rar")) { return "application/vnd.rar"; } else if (fileName.endsWith(".7z")) { return "application/x-7z-compressed"; } else { return MediaType.APPLICATION_OCTET_STREAM_VALUE; } } }以上的代码经过我的下载测试，我发现了下载的文件是docx格式会出现乱码现象，下载pdf格式会出现空白页面，下载xlsx格式跟源文件保持一致，下载txt格式跟源文件保持一致. 请进行解决
08-27
- **乱码原因**：文件在下载过程中被错误编码（如 UTF-8 覆盖二进制文件），或响应头 `Content-Type` 未正确指定。 - **空白页面原因**：文件在读取或转换时损坏（如转换工具未正确处理内容），或资源过滤导致文件被...
浏览器打开pdf乱码
热门推荐
wisdom_bo的博客
01-09 2万+
前几天在测试项目的时候，无意间发现个bug——在下载pdf时如果选择打开则会出现乱码，然而保存pdf文件时却不会乱码。一开始，我以为是浏览器的设置问题，问了问度娘，说是没有ADOBE的缘故，于是乎，安装了个adobe Reader，然而bug并没有解决，调试了一天，整个人头都大了。最终决定从头理一下思路，果然成功解决了bug！ 问题描述      在下载pdf时如果选择打开则会出现乱码
使用response.setContentType(“application/pdf“)；没有效果
weixin_63092927的博客
10-13 1257
reportFile.exists())) throw new ServiceException("报表模版不存在:" + resource);//对报表文件进行切取.原来需要report/xx.jasper方式,现在只需要报表名xx.jasper。
怎么将图片镜面对称_怎么将PDF转换成图片？用这些PDF转换工具就够了！
weixin_32127545的博客
12-22 1848
怎么将PDF转换成图片？现在各项工作对于文件格式标准越来越严格了，比如你有一份PDF文件，但是需要的是图片格式，很多朋友就感觉很麻烦，也不知道该怎么办。很简单，直接把PDF文件转换成图片文件就行了。PDF转图片怎么转？下面就跟我一起来看看PDF转图片的方法。方法一：利用PDF转换工具我们要将PDF转换成图片，就可以在PDF转换器中完成。下面我就使用一个PDF转换器来完成PDF转图片。首先打开我们的...
java application pdf_java调取打印机执行打印操作，打印类型不支持application/pdf 该如何解决。...
weixin_32273747的博客
02-16 628
\\cho-d01\HP-ITimage/gif;class="[B"image/gif;class="java.io.InputStream"image/gif;class="java.net.URL"image/jpeg;class="[B"image/jpeg;class="java.io.InputStream"image/jpe...\\cho-d01\HP-ITimage/gif; c...
springboot提供 applicatio/pdf接口 httpclient 调用下载
血狱深渊
06-20 2440
springboot提供 applicatio/pdf接口 httpclient 调用下载 1. springboot 提供下载接口 @PostMapping(value = "/pdf", produces = MediaType.APPLICATION_PDF_VALUE) public String downloadFile(HttpServletRequest request, ...
java application pdf_我试过application / pdf ...如何上传pdfs？
weixin_39929646的博客
02-13 1194
'
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值