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 相关文章推荐
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
Jan 06 Javascript
中国地区三级联动下拉菜单效果分析
Nov 15 Javascript
JS修改css样式style浅谈
May 06 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
Oct 24 Javascript
原生javascript实现的分页插件pagenav
Aug 28 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
jQuery实现移动 和 渐变特效的点击事件
Feb 26 Javascript
javascript创建cookie、读取cookie
Mar 31 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
Threejs实现滴滴官网首页地球动画功能
Jul 13 Javascript
element-ui封装一个Table模板组件的示例
Jan 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
javascript 小型动画组件与实现代码
2010/06/02 PHP
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
input 高级限制级用法
2009/03/26 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
理论讲解python多进程并发编程
2018/02/09 Python
python 时间信息“2018-02-04 18:23:35“ 解析成字典形式的结果代码详解
2018/04/19 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
Python使用pymongo库操作MongoDB数据库的方法实例
2019/02/22 Python
Python爬取数据保存为Json格式的代码示例
2019/04/09 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
Python打印不合法的文件名
2020/07/31 Python
域名注册、建站工具、网页主机、SSL证书:Dynadot
2017/01/06 全球购物
蒙蒂塞罗商店:Monticello Shop
2018/11/25 全球购物
世界上第一个水枕头:Mediflow
2018/12/06 全球购物
团支书的期末学习总结自我评价
2013/11/01 职场文书
物理专业大学生职业生涯规划书
2014/02/07 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
感恩老师的演讲稿
2014/05/06 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
中秋节慰问信
2015/02/15 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
python scrapy简单模拟登录的代码分析
2021/07/21 Python
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js