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 相关文章推荐
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
Ionic默认的Tabs模板使用实例
Aug 29 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
Bootstrap实现翻页效果
Nov 27 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
JavaScript从原型到原型链深入理解
Jun 03 Javascript
p5.js临摹旋转爱心
Oct 23 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
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
php中对2个数组相加的函数
2011/06/24 PHP
微信支付开发订单查询实例
2016/07/12 PHP
javascript知识点收藏
2007/02/22 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
Python用61行代码实现图片像素化的示例代码
2018/12/10 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
python列表返回重复数据的下标
2020/02/10 Python
python的sys.path模块路径添加方式
2020/03/09 Python
python 爬虫如何正确的使用cookie
2020/10/27 Python
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
Aurora London官网:奢华、负担得起的皮革手袋
2020/08/01 全球购物
零件设计自荐信范文
2013/11/27 职场文书
给交警的表扬信
2014/01/12 职场文书
光荣入党自我鉴定
2014/01/22 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
离婚协议书范文2014
2014/10/16 职场文书
仓库管理员岗位职责
2015/02/03 职场文书
检讨书格式
2015/05/07 职场文书
花田少年史观后感
2015/06/16 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
Java移除无效括号的方法实现
2021/08/07 Java/Android