angularjs中$http异步上传Excel文件方法


Posted in Javascript onFebruary 23, 2018

1.文件上传框html代码如下

<form id="fileForm" enctype="multipart/form-data">
 <button id="import_asset" type="button" ng-click="import_asset()">上传文件</button>
 <input id="file_asset" type="file" style="display: none;"/>
</form>

*注意: 设置form的enctype属性值为:multipart/form-data

2:js代码如下:

$scope.import_asset = function () {
 $("#file_asset").click();
};
$("#file_asset").on("change", function(){
 var formData = new FormData();
 var file = document.getElementById("file_asset").files[0];
 if(file.name){
  var fileName = file.name.substring(file.name.lastIndexOf(".") + 1);
  if(fileName =="xlsx" || fileName =="xls"){
   formData.append('file', file);
   $http({
    method:"post",
    url:commonService.projectName + "/so/assetmanage/upload",
    data:formData,
    headers : {
     'Content-Type' : undefined
    },
    transformRequest : angular.identity
   }).then(function (response) {
    if(response.status == 200){
     alert("文件上传成功!!!");
    }else{
     alert("文件上传失败!!!");
    }
   });
  }else{
   alert("文件格式不正确,请上传以.xlsx,.xls 为后缀名的文件。");
   $("#file_asset").val("");
  }
 }
});
Javascript 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
childNodes.length与children.length的区别
May 14 Javascript
Jquery replace 字符替换实现代码
Dec 02 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
JavaScript数组去重的多种方法(四种)
Sep 19 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
vue利用better-scroll实现轮播图与页面滚动详解
Oct 20 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
Vue 解决多级动态面包屑导航的问题
Nov 04 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 #Javascript
Vue父组件调用子组件事件方法
Feb 23 #Javascript
vue实现密码显示隐藏切换功能
Feb 23 #Javascript
对vue.js中this.$emit的深入理解
Feb 23 #Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 #Javascript
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 #jQuery
vue中动态绑定表单元素的属性方法
Feb 23 #Javascript
You might like
PHP操作文件方法问答
2007/03/16 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
php表单提交实例讲解
2015/11/12 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
jquery tab标签页的制作
2010/05/10 Javascript
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
Angularjs 动态改变title标题(兼容ios)
2016/12/29 Javascript
js实现密码强度检验
2017/01/15 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
简单实现Python爬取网络图片
2018/04/01 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
英语读书笔记
2015/07/02 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
Go语言测试库testify使用学习
2022/07/23 Golang
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技