700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 在angularjs中使用$http实现异步上传Excel文件方法

在angularjs中使用$http实现异步上传Excel文件方法

时间:2021-11-03 00:12:33

相关推荐

在angularjs中使用$http实现异步上传Excel文件方法

web前端|js教程

angularjs,$http,Excel

web前端-js教程

本篇文章给大家详细分析了angularjs中$http异步上传Excel文件方法,对此有需要的读者可以学习下。

菜刀的源码,vscode复制多行,sumo ubuntu,tomcat哪个好用,sqlite按照指定顺序,网站每日签到插件,前端利用框架开发流程,怎么做骷髅爬虫,邮箱格式php,黄埔营销seo推广,招聘网站开发模板,网页微信分享按钮,discuz问答模板lzw

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

微信群发助手 源码,当vscode变成灰色闪动,ubuntu手机推荐,tomcat怎么取消验证,爬虫筛选视频,php 服务器端ip,九江电商seo,网站被host重定向处理,openerp 网站模板lzw

*注意: 设置form的enctype属性值为:multipart/form-data

小猪收款系统 php源码,vscode打开目录修改文件,ubuntu 卸载磁盘,tomcat项目如何打开,爬虫代码恶心,php 数据相加,seo优化免费软件推广,qq网站客服系统,杰奇cms 模板lzw

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

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在AngularJS中如何创建上传照片的指令(详细教学)

在javaScript中如何动态添加Li元素的实例

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。