设置response相应头用于浏览器下载文件

最新推荐文章于 2024-03-22 08:17:54 发布
最新推荐文章于 2024-03-22 08:17:54 发布
阅读量8.1k 收藏 5
点赞数 2
分类专栏： http 文章标签： io流
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_37464123/article/details/80651891
版权 
// 设置response参数，可以打开下载页面  
        response.reset();  
        response.setContentType("application/x-msdownload;charset=utf-8");
        // 设置响应头，控制浏览器下载该文件
        response.setHeader("content-disposition", "attachment;filename="
                            + URLEncoder.encode("课程签到二维码.png", "UTF-8"));
溯缔
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
( response.setHeader()下载中文文件名乱码
07-20
( response.setHeader()下载中文文件名乱码问题
Java基础——response.setContentType(...)与response.addHeader(...)或setHeader（...）
ddm
08-28 8302
在Java开发下载功能时，我们都会看到以下这两句代码或类似这两句代码的代码：response.setContentType("application/x-msdownload");//三大主流浏览器（IE、Firefox、Google ）response.setContentType("application/octet- stream");//除了三大浏览器再加上Mac的Safarirespon...
Response下载文件
最新发布
CherriesOvO的博客
03-22 499
【代码】Response下载文件。
Java下载功能实现及response.setContentType()的String参数及对应类型
yanghao0571的博客
03-29 2118
一般是生产文件名的‘变量’
response.setContentType 文档输出类型
yemaiqingxiang的博客
01-04 7708
1 Response.AddHeader("content-type", "application/x-msdownload;");类型列表 代宏的文档 2 ".*"="application/octet-stream" 3 ".001"="application/x-001" 4 ".301"="application/x-301" 5 ".323"="text/h323"
解决问题：Content type ‘application/x-www-form-urlencoded；charset=utf-8‘ not supported
m0_70734549的博客
06-27 1157
Content type 'application/x-www-form-urlencoded;charset=utf-8' not supported
response.setContentType
阿沐的博客
10-20 7213
一般在Servlet中，习惯性的会首先设置请求以及响应的内容类型以及编码方式： 代码如下: response.setContentType("text/html;charset=UTF-8");  request.setCharacterEncoding("UTF-8");  response.setContentType()的String参数及对应类型  <option value=...
FF浏览器和IE下载文件乱码问题的解决方法
09-05
在实际应用中，当需要提供文件下载服务时，可以调用`OfficeUtil.encodeChineseDownloadFileName`方法来处理文件名，确保在各种浏览器环境下都能正确显示。例如： ```java String encodedFileName = OfficeUtil....
在VUE中实现文件下载并判断状态的方法
10-16
在Vue.js框架中，实现文件下载并判断下载状态是常见的需求，特别是在处理用户交互和数据传输时。本篇文章将详细介绍如何在Vue项目中实现这一功能，并通过Axios库来管理HTTP请求。 首先，我们需要引入Axios库，它是...
jsp 文件下载示例代码
10-26
这样，当用户点击下载链接，浏览器接收到服务器返回的文件内容，根据响应头展示或保存文件，实现了文件下载功能。 总结来说，JSP文件下载是通过前端请求携带参数跳转到处理下载的JSP页面，页面读取服务器上的文件，...
JavaWeb文件上传下载功能示例解析
09-02
在这个例子中，Servlet读取服务器上的文件，设置响应头以指示浏览器以附件形式下载文件，并将文件内容写入响应的输出流。 在实际开发中，还需要考虑错误处理、安全性（如防止路径遍历攻击）以及性能优化（如分块...
vue使用axios实现excel文件下载的功能
10-15
总结起来，Vue结合axios实现Excel文件下载的关键步骤包括：设置axios请求的responseType为'blob'以获取文件流，创建Blob对象指定文件类型，根据浏览器类型选择合适的下载方式，以及封装函数以实现复用。这个过程涉及...
文件的 ContentType 类型大全
初级驾照的博客
07-29 6507
<% Response.ContentType = “text/HTML” %> <% Response.ContentType = “image/GIF” %> <% Response.ContentType = “image/JPEG” %> <% Response.ContentType = “text/plain” %> <% Response.ContentType = “image/JPEG” %> “."=“application/o
HTTP响应头信息 Content-Disposition 文件的显示或下载
想好了就去做吧 即便失败了 至少这条路上留下了你的脚印
06-04 6519
服务器向客户端浏览器发送文件时，如果是浏览器支持的文件类型（如`.txt`、`.pdf`、`.sql`、`.jpg`、`.git`等），一般会默认使用浏览器打开，直接在浏览器中显示。
Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“【已解决】
热门推荐
嘻嘻哈哈学技术
06-10 7万+
HTTP请求的Content-Type
Response.setContentType对应的类型大全
余额一个亿
06-06 1万+
Response.setContentType(MIME)的作用是时客户端的浏览器区分不同种类的数据，并根据不同的MIME调用浏览器内不同的程序嵌入模块来处理相应的数据。 MIME的作用： 由于MIME类型与文档的后缀相关，因此服务器使用文档的后缀来区分不同文件的MIME类型，服务器中必须定义文档后缀和MIME类型之间的对应关系。而客户程序从服务器上接收数据的时候，它只是...
Axios GET请求触发浏览器文件下载
Chen_sure的博客
12-24 1783
Axios GET请求触发文件下载 1.设置responseType: ‘blob’ let data = await axios.get(url, { responseType: 'blob', params: params }); //这里的data应该是拿到了一个Blob的流 2. 创建虚拟a标签，点击触发浏览器下载 const $link = document.createElement('a'); $link.href = URL.createObjectURL(data);
java在response中设置文件流，在浏览器中直接显示或直接下载。（附ContentType对照表）
成龙的博客
03-13 3万+
需求：在浏览器地址栏输入文件请求url，能在浏览器上直接显示文件，而不是直接下载 解决点：设置文件ContentType类型 例如：访问“123.jpg图片时”，浏览器的url地址为“http://localhost:18080/servername/123.jpg” 当设置了ContentType为“image/jpg”时，浏览器可以直接显示图片； 没设置ContentType时，浏览器...
Application/octet-stream，http服务器设置响应头让浏览器下载内容
robinson_911的专栏
12-08 3096
application 表明是某种二进制数据 application/octet-stream, application/pkcs12, application/vnd.mspowerpoint, application/xhtml+xml, application/xml, application/pdf。audio 表明是某种音频文件 audio/midi, audio/mpeg, audio/webm, audio/ogg, audio/wav。
axios下载文件请求, responseType为blob时捕获后端错误问题
09-01
### 回答1： axios是一个基于Promise的HTTP客户端库，支持在浏览器和Node.js中发送HTTP请求。当使用axios下载文件时，如果需要指定响应的数据类型为blob，则可以使用responseType配置选项。 在使用responseType为blob时，如果后端出现错误，可以通过catch捕获错误信息并处理。例如： ```javascript axios({ method: 'get', url: '/download/file', responseType: 'blob' }).then((response) => { // 处理下载的文件 }).catch((error) => { // 处理捕获到的错误信息 }); ``` 在上述代码中，当后端出现错误时，会触发catch块中的代码，可以在这里处理错误信息，例如提示用户下载失败或重新尝试下载等操作。 ### 回答2： 在使用axios进行文件下载请求时，我们可以通过设置responseType为blob来获取文件的二进制数据。然而，当后端返回的数据不是预期的文件类型时，可能会出现错误。为了捕获后端错误问题，我们可以使用try-catch语句来处理异常。 首先，我们需要设置axios的响应拦截器，用于在请求返回时捕获错误。在拦截器中，我们将判断返回数据的类型，如果不是预期的blob类型，则抛出一个自定义的错误。 ```javascript axios.interceptors.response.use( response => { if (response.config.responseType === 'blob' && response.data.type !== 'application/octet-stream') { throw new Error('后端返回数据异常') } return response }, error => { return Promise.reject(error) } ) ``` 接下来，在发起文件下载请求时，我们可以使用try-catch语句来包裹axios请求，并处理可能抛出的错误。 ```javascript try { const response = await axios.get('/download', { responseType: 'blob' }) // 文件下载成功的逻辑处理 } catch (error) { // 捕获并处理后端错误 console.error(error.message) } ``` 这样，当后端返回的数据不是预期的blob类型时，我们就可以捕获到错误，并进行相应的处理，例如输出错误信息到控制台。 注意，由于axios是基于Promise的异步请求库，我们使用了async/await来进行异步处理。当然，你也可以使用.then()来处理异步请求。以上代码只是一个简单示例，你可以根据自己的需求进行进一步的优化和处理。 ### 回答3： 在使用axios进行文件下载请求时，可以设置responseType为blob来获取二进制数据作为响应。但是在这种情况下，由于后端错误的情况下，返回的响应数据类型可能依然是blob，而不是正常的json数据。因此，需要在前端代码中进行相应的处理来捕获后端错误。 首先，在axios请求中设置responseType为blob： ```javascript axios.get(url, { responseType: 'blob' }) ``` 之后，在返回的响应中，可以通过判断响应的Content-Type来确定响应数据类型。如果是对应的错误类型，则可以通过读取blob数据并进行相应的处理。 ```javascript axios.get(url, { responseType: 'blob' }).then(response => { const contentType = response.headers['content-type']; if (contentType === 'application/json') { // 正常情况 // 处理响应数据 } else { // 错误情况 response.blob().then(blobData => { // 处理错误数据 }); } }).catch(error => { // 请求错误 console.error(error); }); ``` 在错误情况下，使用response.blob()将blob数据转换为对应的Blob对象，并可以进行进一步的操作。比如，可以读取该Blob对象中的错误信息，并根据具体情况进行相应的处理，比如提示错误信息给用户或者进行其他的业务操作。 需要注意的是，设置responseType为blob时，后端返回的响应必须包含相应的Content-Type头部信息，以便前端能正确判断响应数据类型。否则，需要与后端进行沟通，确保正确返回对应的Content-Type信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值