vue前端。js文件流下载核心代码。

本文介绍如何在Vue.js前端应用中利用JavaScript处理文件流下载,关键在于设置responseType为'blob',并处理后台返回的文件名,兼容不同命名格式。
摘要由CSDN通过智能技术生成

//responseType: 'blob' 记得设定好

export function blackNameexport(parkId) {

  return request({

    url: "/blackName/exportBlackName?parkId=" + parkId,

    method: "get",

    responseType: 'blob',

    headers: {

      userId: user_id,

    },

  });

}

//split("filename*=utf-8''")[1];是为了兼容后台命名,通常split("filename*=")[1];就行了 

exportFile() {

      let parkId = localStorage.getItem("Parking_ID");

      blackNameexport(parkId).then((res) => {

        //获取文件名

        const fileName = res.headers['content-disposition'].split(';')[1].split("filename*=utf-8''")[1];

      const filestream = res.data;  // 返回的文件流

      // {type: 'application/vnd.ms-excel'}指定对应文件类型为.XLS (.XLS的缩写就为application/vnd.ms-excel)

      const blob = ne
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值