在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 相关文章推荐
一实用的实现table排序的Javascript类库
Sep 12 Javascript
什么是JavaScript
Aug 13 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
Aug 23 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
讲解JavaScript中for...in语句的使用方法
Jun 03 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
用JS实现图片轮播效果代码(一)
Jun 26 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
jquery实现折叠菜单效果【推荐】
Mar 08 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
vue2单元测试环境搭建
May 24 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通过header实现文本文件下载的代码
2010/08/08 PHP
PHP 实现判断用户是否手机访问
2015/01/21 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
文档对象模型DOM通俗讲解
2013/11/01 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
layui 阻止图片上传的实例(before方法)
2019/09/26 Javascript
VSCode搭建Vue项目的方法
2020/04/30 Javascript
js简单实现自动生成表格功能示例
2020/06/02 Javascript
vue实现PC端分辨率适配操作
2020/08/03 Javascript
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
浅谈对yield的初步理解
2017/05/29 Python
Python实现二维数组按照某行或列排序的方法【numpy lexsort】
2017/09/22 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
详解Python3 基本数据类型
2019/04/19 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
解决Django中修改js css文件但浏览器无法及时与之改变的问题
2019/08/31 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
周年庆典邀请函范文
2014/01/24 职场文书
个人廉洁自律总结
2015/03/06 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS