angularjs利用$http异步上传Excel文件方法分享

本文主要和大家分享angularjs利用$http异步上传excel文件方法,希望能帮助到大家。

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

        

登录后复制

*注意: 设置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("");        }    }});

登录后复制

相关推荐:

el-upload实现上传Excel文件详解

以上就是angularjs利用$http异步上传Excel文件方法分享的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2786155.html

(0)
上一篇 2025年3月8日 17:40:25
下一篇 2025年3月8日 17:40:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 解析js中0.1 + 0.2 != 0.3

    javascript中数字存储使用的是ieee754 64位双精度浮点数 在计算机中存储为64位1 11 521: 符号位 0正数 1负数11: 指数位 用来确定范围52: 尾数位 用来确定精度转成十进制表示法为 num = (-1)^s …

    2025年3月8日
    000
  • JavaScript闭包基础

    什么是闭包?本文主要和大家分享javascript闭包基础,包括javascript闭包定义和用法,希望能帮助到大家。 书上是这样定义闭包的: 有权访问另一个函数作用域中变量的函数。 举一个例子: function test(){ var …

    2025年3月8日
    200
  • js桥接设计模式详解

     桥接设计模式是许多其他设计模式的基础,比如装饰模式, 代理模式都或多或少看到他的影子, 在面向对象设计中最重要的一个特点就是继承, 然而作为拓展类的功能的方式有两种 — 继承和桥接, 桥接用我简单的理解就是放弃使用继承的方式拓…

    编程技术 2025年3月8日
    200
  • Node.JS搭建简易版json服务

    node.js对于追逐全栈开发的小伙伴们自然不陌生。他是建立与chrome v8引擎下的高性能,异步io、事件驱动javascript语言,使编写高性能web服务轻而易举。今天要分享的是一个使用node.js逐步推演建立一个完善的json服…

    2025年3月8日 编程技术
    200
  • 原生JS实现Tab选项卡各种效果

    前一段时间我写了几篇关于css属性的理解和用法方面的文章,今天就不分享css属性了,给大家分享一个我们在实际工作中用到比较多的一个效果——tab选项卡效果。首先,我们先来看看tab选项卡效果是什么样子,以qq新闻为例,有如下效果: 当鼠标滑…

    2025年3月8日 编程技术
    200
  • js组合设计模式详解

    组合模式,将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。 它使我们树型结构的问题中,模糊了简单元素和复杂元素的概念,客户程序可以像处理简单元素一样来处理复杂元素,从而使得客户程序与…

    2025年3月8日
    200
  • JavaScript和Python 的数组去重解析

    “数组去重” 是实际应用中常用的操作,出现在面试题中的概率也很高,今天简述一下 python 和 javascript 中数组去重的方法,希望能帮助到大家。 python数组去重 >>> a = […

    2025年3月8日
    200
  • js控制文件拖拽及获取拖拽内容

    在用户拖拽文件到浏览器的某个元素上时,js可以监听到与拖拽相关的事件,并对拖拽结果进行处理,本文讨论下和拖拽文件相关的一些问题,不过没有处理太多关于兼容性的问题。 拖拽事件 js能够监听到拖拽的事件有drag、dragend、dragent…

    编程技术 2025年3月8日
    200
  • JS常用设计模式

    大型单页应用里,复杂度上升到一定程度时,没有适当的设计模式进行降耦,后续的开发也难以下手。而设计模式正是为了降耦而存在。 单例模式 单例模式的核心是确保只有一个实例,并且提供全局访问。 特点 满足“单一职责原则” : 使用代理模式,不在构造…

    编程技术 2025年3月8日
    200
  • javascript数据结构与算法详解

    请实现一个函数,输入一个整数,输出该数二进制表示1的个数。例如把9表示成二进制是1001,有2位是1。因此如果输入9,该函数输出2。首先对于二进制1的求解,在这里,我们最应该想到的就是关于位运算的一些操作符。总共有五种运算,分别是:与(&a…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论