在VUE中实现文件下载并判断状态的方法


Posted in Javascript onNovember 08, 2019

新增JS页面

axiosExport.JS

// Axios拦截请求并实现下载
import axios from 'axios'

// download url
export const downloadUrl = (url) => {
  console.log(url)
  let iframe = document.createElement('iframe')
  iframe.style.display = 'none'
  iframe.src = url
  iframe.onload = function () {
    document.body.removeChild(iframe)
  }
  document.body.appendChild(iframe)
}

// Add a response interceptor
// res返回的东西可以跟后端确认
axios.interceptors.response.use(res => {
  if (res.data.status && res.data.status === 300) {
    return '300' // 链接正确,下载失败
  } else {
    downloadUrl(res.request.responseURL)
    return '200' // 链接正确,下载成功
  }
}, error => {
  // Do something with response error
  return error // 链接错误
})

export default axios

VUE页面

import axios from './axiosExport'
// 导出 或 下载
exportDoc () {
  let URL = `下载地址`
  let me = this
  axios.get(URL).then(function (response) {
    if (response === '200') {
      me.$message.success('下载成功!')
    } else {
      me.$message.warning('下载失败!')
    }
  }).catch(function (response) {
    console.log(response);
  });
}

以上这篇在VUE中实现文件下载并判断状态的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于query Javascript CSS Selector engine
Apr 12 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
May 19 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
如何解决hover在ie6中的兼容性问题
Dec 15 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 jQuery
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
Jun 02 Javascript
返回上一个url并刷新界面的js代码
Sep 12 Javascript
微信小程序input抖动问题的修复方法
Mar 03 Javascript
vue中在vuex的actions中请求数据实例
Nov 08 #Javascript
vue 组件内获取actions的response方式
Nov 08 #Javascript
在vue中使用vuex,修改state的值示例
Nov 08 #Javascript
vue视频播放插件vue-video-player的具体使用方法
Nov 08 #Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 #Javascript
Vue实例的对象参数options的几个常用选项详解
Nov 08 #Javascript
Vuex中实现数据状态查询与更改
Nov 08 #Javascript
You might like
php获取mysql版本的几种方法小结
2008/03/25 PHP
PHP生成带有雪花背景的验证码
2008/09/28 PHP
php 正则匹配函数体
2009/08/25 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
PHP生成唯一订单号
2015/07/05 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
jquery实现鼠标滑过小图查看大图的方法
2015/07/20 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
jQuery 特性操作详解及实例代码
2016/09/29 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
vue自定义底部导航栏Tabbar的实现代码
2018/09/03 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
2019/03/04 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
python 美化输出信息的实例
2018/10/15 Python
利用Python查看微信共同好友功能的实现代码
2019/04/24 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
医学生自我鉴定范文
2013/11/08 职场文书
协议书的格式
2014/04/23 职场文书
小学运动会口号
2014/06/07 职场文书
新闻传播专业求职信
2014/07/22 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python