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

AlphaGooo 发布于2019-08-26 11:47 / 3320人阅读

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

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

专线服务服务器托管异步文件上传 Java异步上传文件 HTTP文件上传文件异步上传文件到云服务器

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

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

第一篇开发总结

摘要：文件对比插件俄罗斯方块，无聊的时候可以放松一下内置浏览器，编写代码时，可一键预览，轻量文件对比软件这个你懂的反编译工具性能调试工具虚拟工具开发者社区墙电子书前言常言道，磨刀不误砍柴工，好的工具能让你事半功倍，所以多花点时间看一些工具，可以很好的提高编程效率，以下是我是觉得对我编程有很大帮助的工具： Visual Studio ReSharper VS写代码绝佳助手，耗内存...

Crazy_Coder 2019-08-27 11:02 评论0 收藏0
团队协作工具 Worktile 技术架构揭秘

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

taohonghui 2019-07-24 14:31 评论0 收藏0
团队协作工具 Worktile 技术架构揭秘

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

heartFollower 2019-06-26 16:52 评论0 收藏0
【实战教程】使用云函数将数据表导出为 Excel 文件

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

iOS122 2019-08-26 13:33 评论0 收藏0
45个必备的JavaScript Web开发工具

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

不知名网友 2019-08-21 10:31 评论0 收藏0