当前位置:首页 > 经验笔记 > javascript > 正文内容

axios下载文件

han32682年前 (2022-12-29)javascript1849
      api
        .getAllAlarmExport({
          params: {
            limit: 100,
            page: 1,
          },
          responseType: 'blob' ,
        })
        .then((res) => {
     
          let blob = new Blob([res], {
            type: 'application/vnd.ms-excel',
          }) // 为blob设置文件类型,这里以.xls
          // console.log("输出====>2",blob)
          let url = window.URL.createObjectURL(blob) // 创建一个临时的url指向blob对象
          let a = document.createElement('a')
          a.href = url
          a.download = '文件名称'
          a.click()
          // 释放这个临时的对象url
          window.URL.revokeObjectURL(url)
          loading.close()
        })


扫描二维码推送至手机访问。

版权声明:本文由瀚文博客发布,如需转载请注明出处。

本文链接:https://hanwenblog.com/post/79.html

分享给朋友:

相关文章

elementUI—el-form表单,校验二层对象的值

表单数据:formData:{     name:'',     role:{  &nb...

ES6 find 和 filter 的区别

遇到个功能是要分类就想说在前端过滤,不要从查数据库的时候过滤了。然后就想说除了filter还有啥好用的发现有个find,测试一番之后发现const list = [{&#...

js遍历树,多层嵌,递归循环 elementUI Cascader 级联选择器数据结构拼接

js遍历树,多层嵌,递归循环 elementUI Cascader 级联选择器数据结构拼接

目的:后端传入数据和elementUI Cascader组件使用数据不一致 ,树形结构未知层级原始数据:{     "success":t...

layer弹层遮罩挡住窗体解决,解决layer弹层遮罩挡住窗体的问题

layer弹层遮罩挡住窗体解决,解决layer弹层遮罩挡住窗体的问题

上代码<div>     <div>这里面某个按钮触发弹层<div>     &...

ECharts绘制立体柱状图(圆柱体)详细示例

ECharts绘制立体柱状图(圆柱体)详细示例

echarts实现平面的柱状图很顺利,但是用户为了美观立体感,用到圆柱体图,下面这篇文章主要给大家介绍了关于ECharts绘制立体柱状图(圆柱体)的相关资料,需要的朋友可以参考下绘制这个立体的圆柱体柱...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。