文档章节

axios文件上传

醉一生
 醉一生
发布于 2017/03/28 15:40
字数 122
阅读 1971
收藏 0
var excel = document.getElementById("excelfile").files[0];
var zip = document.getElementById("zipfile").files[0];
if (!excel) {
    this.$notify.error({
        title: '错误',
        message: '请选择文件'
    });
    return;
}
var form = new FormData(); // FormData 对象
if (excel) {
    form.append("excelfile", excel); // 文件对象
}
if (zip) {
    form.append("zipfile", zip);
}
//其他参数
form.append("xxx", 'xxx');
axios.post('http://www.xxx.com', form, {
    method: 'post',
    headers: {'Content-Type': 'multipart/form-data'}
}).then((res) => {//根据服务器返回进行处理
    if (res.data.status === 0) {
        this.importDialogVisible = false;
        document.getElementById('importForm').reset();
    } else {
        this.$notify({
            title: '错误',
            message: res.data.message,
            type: 'error'
        });
    }
}).catch((error) => {
    this.$notify({
        title: '错误',
        message: "导入失败,请重试",
        type: 'error'
    });
});

© 著作权归作者所有

共有 人打赏支持
醉一生
粉丝 0
博文 1
码字总数 122
作品 0
成都
高级程序员
私信 提问
前后分离(一)---前后端数据交互,axios和jquery ajax的区别

axios作为Vue生态系统中浓墨重彩的一笔,我学习这个东西也是花了一定的时间的。刚开始的时候,也是遇到了很多问题。 逐渐摸透了它的脾气。 首先说说FormData和Payload两种数据格式的区别: ...

u010775025
2018/05/26
0
0
用于进行 AJAX 调用的顶级 JavaScript 库

AJAX 是由客户端框架和库用来对服务器进行异步 HTTP 调用的一组 Web 开发技术。 AJAX 是代表异步 JavaScript 和 XML 的一种技术。 AJAX 曾经是 Web 开发界的一个常见名称,许多流行的 JavaSc...

oschina
2018/01/29
3.6K
4
vue + elementui 新手入门案例

vue + elementui 新手入门案例 vue vue-router axios vuex webpack elementui 接口在elementui-api中,采用spring boot 开发 内置功能点: 登录 未登录判断拦截 不同用户显示不同菜单 api请求...

尹吉欢
2017/11/19
0
0
vue框架搭建之axios使用教程

本文重点介绍axios如何配合vue搭建项目框架,而axios的详细使用介绍请移步 1、安装 2、引入main.js 文件引入: 3、使用 4、跨域与代理在vue本地开发时请求总是发生跨域解决方案:配置代理con...

前端攻城老湿
2018/11/22
0
0
axios源码分析——请求流程

axios就不在里介绍了,直接步入正题,先从一个最基本的get请求来分析下源码。 先从axios这个对象看,暂且认为它是一个普通的对象,加载axios文件后,直接就可以使用,所以就直接去文件里找它...

mz同学x
2018/06/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

搜索引擎(Elasticsearch搜索详解)

学完本课题,你应达成如下目标: 掌握ES搜索API的规则、用法。 掌握各种查询用法 搜索API 搜索API 端点地址 GET /twitter/_search?q=user:kimchy GET /twitter/tweet,user/_search?q=user:...

这很耳东先生
38分钟前
6
0
浅谈如何减少GC的次数

GC会stop the world。会暂停程序的执行,带来延迟的代价。所以在开发中,我们不希望GC的次数过多。 本文将讨论如何在开发中改善各种细节,从而减少GC的次数。 (1)对象不用时最好显式置为 Nu...

浮躁的码农
39分钟前
1
0
jpa 自定义返回对象

任何ORM框架都少不了开放自定义sql的问题。jpa自然也不例外,很多场景需要写复杂sql的。 首先定义一个方法签名,然后打上@Query注解。像下面这样,需要注意nativeQuery,这个表示query中的字...

朝如青丝暮成雪
今天
3
0
驰骋工作流引擎-批量审批设置

批量审批设置 关键词: 工作流引擎批量审批 Java工作流批量审批设计 应用场景 批量审批最多应用于代办中有很多相同的流程需要审批,若是把一些不是特别重要的审批做批量处理这样就可以提高很...

孟娟
今天
2
0
springmvc源码解析之DispatcherServlet四

说在前面 本次主要介绍DispatcherServlet,关注”天河聊架构“更多精彩。 springmvc配置解析 进入方法org.springframework.web.bind.annotation.support.HandlerMethodInvoker#resolveHttpE...

天河2018
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部