responsetype blob返回application

导出文件，responseType设置了blob，实际返回了JSON格式的错误信息的处理方式

需求:导出文件问题描述:由于后台直接返回的文件流,在请求下载的方法中将XHR 的 responseType 指定为 blob 或者 arraybuffer.但并不是每次的操作都是成功的,所以在接口错误时后台返回的就是不是二进制流格式了.因此这里需要获取到后台反馈的错误信息进行用户提示. 这时后台返回的数据类型就是这样的: 而接口返回的是json的数据信息{"msg": "导出失败", code: 1007} 解决代码示例: getFiles(_path, quer

设置了responseType:Blob之后，如果返回json错误信息，如果获取？

最近做了一个文件下载功能,于是设置了responseType: Blob的方式, 什么是Blob呢,MDN官方解释:Blob 对象表示一个不可变.原始数据的类文件对象.Blob 表示的不一定是JavaScript原生格式的数据(https://developer.mozilla.org/zh-CN/docs/Web/API/Blob). axios请求如下: axios.get({ url: 'xxxxxx', method: 'get', data:{}, responseType: 'blo

文件流转换(一般用于axios设置接收文件流设置时responseType: 'blob')

文件流转换一般用于axios设置接收文件流设置时responseType: 'blob'当接口报错时,前端因已设置responseType: 'blob'无法再接收json格式数据,会把json格式数据转为blob格式,而到了这里拦截器已无法识别blob进而无法对blob数据进行拦截,这个时候就需要前端将数据blob格式进行转换成正常的json的数据,这会导致前端无法显示报错信息 /** * 文件流转换主要代码块,可自定义下载文件名称 * @param {} data */ exp

前端vue下载文件时blob返回流中怎么获取文件名

我很久之前写了一篇前端vue利用blob对象下载文件,有些人私信我,如果后端返回流失败,给出的json对象该怎么获得?前端获取的流怎么能获取原文件名?其实在那篇文章之后,我就已经针对这两个问题进行了优化,于是就有了这篇. 首先,针对第一个问题,如果能正常获得文件流,前端则以blob对象承接,反之,一般后端会传一个json对象告诉你失败了以及失败原因,这个时候json对象由于请求中responseType: 'blob'的声明之后,也会生成文件,但是文件内容是乱码,这个时候,我们必须要用到File

jdbc，mysql 数据库BLOB返回值 [B 的问题

当jdbc返回值类型对应的java类型是[B,那就表示返回值的类型比较模糊难以区分: BLOB类型是mysql数据库常用来存储,但是通过getBlob()方法获取值得时候会报错: 错误信息: java.lang.IllegalArgumentException: Can not set [B field yxm.zyf.love.entity.User.user_certify_pic to com.mysql.jdbc.Blob at sun.reflect.UnsafeFieldAccess

使用 .net WEBAPI 返回 application/json类型导致 IE8 提示下载

1, 场景介绍项目使用了 jquery.form.js这个插件,用 ajax的方式提交 form 表单里面的信息.因为需要使用 ajax获取到返回信息.数据录入使用的是 .net mvc方式的 webapi数据接口进行提交录入. 2, 问题在IE 8及以下版本遇到,提交成功后,返回过来的数据格式是: application/json,在IE 8 (含)以下版本中直接提示下载该 json. 3, 解决方法修改在系统中的 App_Start 文件夹中的 WebApiConfig.cs.删除

写下载的时候，axios的responseType: "blob"（一定要修改）

download(data, fileName) { // window.URL.createObjectURL创建一个地址. const url = window.URL.createObjectURL(new Blob([data])); // URL.createObjectURL(data); // 前端a标签可以转化为下载模式,需要在有href的状态下,添加download属性,然后触发a标签 const a = document.cre

Spring测试工具返回Application

package pmisf.webservice.util; import javax.servlet.ServletContextEvent; import javax.servlet.ServletContextListener; import org.springframework.context.ApplicationContext; import org.springframework.web.context.WebApplicationContext; import org.spri

前端axios下载excel，并解决axios返回header无法获取所有数据的问题

需求:通过后端接口下载excel文件,后端没有文件地址,返回二进制流文件实现:axios(ajax类似) 主要代码: axios:设置返回数据格式为blob或者arraybuffer 如: var instance = axios.creat({ ... //一些配置 responseType: 'blob', //返回数据的格式,可选值为arraybuffer,blob,document,json,text,stream,默认值为json }) 请求时的处理: getExcel().then

MVC返回数据流，ajax接受并保存文件

js代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="Scripts/jquery-3.3.1.js"></script> <script> function download() { var url = '/Order/Download

需要加token验证的接口返回文件流下载

没有加token之前,下载文件用的是a标签,直接下载. 现在要求是需要在header中加入token. getDownload(urls, fileName) { var url = urls; var xhr = new XMLHttpRequest(); xhr.open("get", url, true); xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded&

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

前端axios下载excel(二进制)

需求:通过后端接口下载excel文件,后端没有文件地址,返回二进制流文件实现:axios(ajax类似) 主要代码: axios:设置返回数据格式为blob或者arraybuffer 如: var instance = axios.creat({ ... //一些配置 responseType: 'blob', //返回数据的格式,可选值为arraybuffer,blob,document,json,text,stream,默认值为json }) 请求时的处理: getExcel().then

ajax实现文档导出及下载

做导出一直遇到个问题就是不能用ajax实现一步导出文档,即导出加下载.今天突然想到可以分开来做就上网搜了下,发现一篇比较不错的文章(http://www.cnblogs.com/zj0208/p/5961181.html),先摘录下来. 问题说明:Ajax是无法实现文件传输的,本文只是模拟了Ajax不刷新页面就可以请求并返回数据的效果.实质上还是通过提交form表单来返回文件流的输出. 分步实现逻辑: ajax请求服务器,访问数据库,根据查询到的数据生成一个数据文件,返回前台一个json对象(可

Download link in response body does not work--待解决

I am having a problem similar to the ones described in #374 and #1196. I have a service which returns a pdf file as attachment with Content-Disposition header. This works when I call the endpoint from the browser - file is downloaded. On Swagger UI I

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

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

axios + vue导出excel文件

(使用到了elementUI框架) <template> <el-button type="primary" size="mini" @click="exportExcel">导出</el-button> </template> <script> import API from '../api/api_dispatch' export default { data() { return

Jquery无须浏览实现直接下载文件

一.常用方式: 1.通常GET方式后面带明文参数,不安全. window.location.href = 'http://localhost:1188/FileDownload.aspx?token=SCBC#'; 2.ajax为什么不能下载文件 ajax支持的服务器返回数据类型有:xml.json.script.html,其他类型(例如二进制流)将被作为String返回,无法触发浏览器的下载处理机制和程序. 二.可通过XMLHttpRequest+HTML5 Blob对象 XMLHttpRe

web+页面支持批量下载吗

一.此方法火狐有些版本是不支持的 window.location.href = 'https://*****.oss-cn-**.aliyuncs.com/*********';二.为了解决火狐有些版本不支持,可以改成这种方式 window.location='https://*****.oss-cn-**.aliyuncs.com/*********';三.该方法IE和火狐都可以,url表示要下载的文件路径: function(url){ try { var elemI

js+下载文件夹

一.此方法火狐有些版本是不支持的 window.location.href = 'https://*****.oss-cn-**.aliyuncs.com/*********'; 二.为了解决火狐有些版本不支持,可以改成这种方式 window.location='https://*****.oss-cn-**.aliyuncs.com/*********'; 三.该方法IE和火狐都可以,url表示要下载的文件路径: function(url){ try { var e

记一次vue 普通异步请求微信二进制二维码乱码问题解决然后渲染

后端压力大,前端分忧. /*用微信小程序token拿二维码*/ async fetchMINIQRcode({commit,state},params){ var instance = axios.create({ responseType: 'blob', //返回数据的格式,可选值为arraybuffer,blob,document,json,text,stream,默认值为json }) let data = await instance.post('https://api.weixin.

responsetype blob返回application

热门专题