VUE + axios上传下载文件踩坑之路
2019-03-14 18:11
211 查看
第一篇博客,希望各位大佬们多多捧场。切入正题。
1. 目前做项目要实现一个上传下载execl文件的功能,算是踩坑成功吧。
2.我才用的的vue+axios框架,因为axios封装的时候默认的responseType = 'json',所以只能接受一些JSON格式的数据处理,但是后台文件返回的是二进制流,那么我们就首先需要将响应类型重新设置了。这里我选用了‘arraybuffer’这个类型,只要在axios的设置修改下就好了
3.请求成功后你需要处理,下载文件,可以看到要解析响应返回来的姓名,并且要生成一个下载链接。
4.棘手的bug来了,我不可能只存在文件下载成功的事情吧,肯定下载失败这种情况啊,but,你已经把响应对象设置为二进制流了。得到的响应肯定就是arrayBuffer对象了,所以这个时候你就需要将这个对象转换为正常的json对象来处理了,如下:
5.下面你就可以处理不同的结果了,是不是很意外,哈哈哈哈。
6.下载文件也是同样的原理。
相关文章推荐
- 萌新用vue + axios + formdata 上传文件的爬坑之路
- vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
- vue使用axios实现文件上传进度的实时更新详解
- vue项目中使用axios上传图片等文件操作
- iview 异步获取oss签名 上传文件,vue+axios+iview+oss
- vue中上传读取及下载excel文件
- 详解Vue+axios+Node+express实现文件上传(用户头像上传)
- vue+axios实现文件下载及vue中使用axios的实例
- vue使用axios使用二进制流下载文件
- vue使用axios上传文件(FormData)的方法
- 【小白笔记】PHP学习之路 (26) --文件上传与下载、配置
- [原创]java WEB学习笔记72:Struts2 学习之路-- 文件的上传下载,及上传下载相关问题
- ASP.NET MVC 实践之路 之十八 利用ASP.NET MVC处理文件上传与下载
- axios+Vue实现上传文件显示进度功能
- vue中实现文件的上传读取及下载
- Webwork 学习之路(七)文件上传下载
- vue+axios+bolb下载文件,获取文件流乱码解决方法,
- vue+axios 运用Blob对象实现文件下载
- vue+axios上传文件
- vue 使用 axios 上传文件 --- FormData