如何让浏览器直接下载后端返回的图片而不是打开

大多数情况下，后端都是实现一个文件管理的功能，通过文件的唯一标志去获取文件流。后端都会读取文件，然后文件的流写入到response的输出流，这样就可以实现文件的访问了。

但是有些时候，实现下载功能，后端返回的是图片，浏览器却直接把图片打开了？怎么回事？

这就是Content-Disposition设置的问题，如下都是java示例：

设置为inline,如果浏览器支持该文件类型的预览，就会打开，而不是下载：

response.setHeader("Content-Disposition", "inline; filename=111.jpg");

设置为attachment,浏览器则直接进行下载，纵使他能够预览该类型的文件。

response.setHeader("Content-Disposition", "attachment; filename=111.jpg");

特别说明：Chrome不设置Content-Type也会自动打开，如果是它可识别预览的文件。

转载于:https://my.oschina.net/linx/blog/3066498

如何让浏览器直接下载后端返回的图片而不是打开相关推荐

【Java文件下载】如何让浏览器直接下载后端返回的图片，而不是直接打开
默认情况下,浏览器设定是inline形式,对于服务器返回的文件,能打开就打开,不能打开就自动下载. Content-Disposition 设置大多数情况下,后端都是实现一个文件管理的功能,通过文件 ...
react前端下载后端返回文件流(文件流下载excel、csv)
以前用vue框架的时候,写过不少下载上传的东西,当然包括后端返回文件流供前端下载,现在用react,牵扯到这个功能,又提起来说,有两种下载类型,一种是Excel,一种是Csv. 首先后端返回这种: 或 ...
vue 下载后台返回的图片
HTML: //businessLicenceFileList[0].url为后台返回的图片地址或pdf地址 <div class="download-img" @click ...
React:后端返回pdf数据流，前端打开页面预览，使用fetch，PDFObject
预览页面: import React, { useEffect } from 'react'; import { connect } from 'react-redux'; import PropTy ...
微信小程序渲染后端返回的图片
ps: 最近因为小程序登录需要验证码验证,所以去研究了一波,微信小程序如何渲染后端返回来的图片回去重新看了一下微信小程序开发文档发现可以利用wx.request+wx.arrayBufferToB ...
【Django】自定义存储后端返回完整图片的URL链接
我们在Django存储图片的时候,并不是直接存储图片,而是存储图片的唯一标识,再通过标识去获取图片,例如下面的模型类有一个image字段,字段类型是ImageField class SKUImage( ...
java后端返回二进制图片前端进行展示详解
java后端代码: /*** 图片展示* @param map* @return*/@ApiOperation("图片展示")@PostMapping("/getPuct ...
vue前端怎么下载后端返回的二进制流excel表格文件
文章目录应用场景一.怎么请求接口二.步骤图片 1.res返回数据 2.url地址 3.download属性 4.a标签 5.返回的原式数据,长这样总结应用场景我对表格数据进行勾选,想要把勾 ...
前端用 js-file-download组件下载后端返回的Excel文件
后端接口返回的Excel的文件流需要导出让浏览器下载文件一.先安装 js-file-download组件 npm install js-file-download --save 二.在对应使用的页面 ...

如何让浏览器直接下载后端返回的图片而不是打开

如何让浏览器直接下载后端返回的图片而不是打开相关推荐

最新文章

热门文章