资讯专栏INFORMATION COLUMN

angularjs利用$http异步上传Excel文件

AlphaGooo / 3403人阅读

摘要:文件上传框代码如下上传文件注意设置的属性值为代码如下文件上传成功文件上传失败文件格式不正确,请上传以,为后缀名的文件。

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("");
        }
    }
});

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107568.html

相关文章

  • 团队协作工具 Worktile 技术架构揭秘

    摘要:现在已经成为的官方标准,如,以及的扩展协议。作者简介李会军,联合创始人,关注团队协作领域,致力于用工具解决中小团队的协作问题。 Worktile自上线两年多以来,以良好的用户体验和稳定的服务,获得了用户的认可和喜爱。截止笔者写这篇文章的时候,已经有超过10万家团队在使用Worktile。作为团队协作工具,从技术上分析首先要解决如下几个问题: 基于Web的跨平台设计,让用户在任何地方都...

    heartFollower 评论0 收藏0
  • 【实战教程】使用云函数将数据表导出为 Excel 文件

    摘要:本文将介绍通过知晓云云函数来实现将数据表导出为文件的功能,并使用和将代码打包上传到知晓云。 在日常的工作中,常常需要根据运营需求对数据进行各种格式的处理和导出。导出后,不少人偏爱将数据放入 excel 在进行处理。 一般来说,处理数据导出时需要对数据进行一些运算整理。在以前,处理的方式是在一台独立的服务器上跑脚本。 而现在有了知晓云,不再需要维护服务器,直接写代码就能把相关事都都丢给云...

    iOS122 评论0 收藏0
  • 45个必备的JavaScript Web开发工具

    摘要:幸运的是,为了完成独特的任务,无以计数的工具已经被开发者发布。图像显示的是一个针对该框架的在线开发工具。是用创建的命令行工具,用于压缩文件。是一组处理所有跟文件相关的工作的组件库。是一个基于任务的命令行项目构建工具。 JavaScript是一种灵活多变的脚本语言,它在全世界被广泛的应用在Web页面和服务器应用中。你可以因为任何目的去使用它,但是你需要一些工具。幸运的是,为了完成独特的任...

    不知名网友 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<