大佬教程收集整理的这篇文章主要介绍了AngularJs 文件上传(实现Multipart/form-data 文件的上传),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!-- 上传yml文件 --> <div class="blackBoard" ng-show="vm.showUpop==true"></div> <div class="uPDAymLpop" ng-show="vm.showUpop==true"> <div class="title">新建服务容器<span ng-click="vm.showUpop=false">×</span></div> <ul> <li>选择节点:<SELEct ng-model="nodeInf" ng-options="n.addr for n in vm.nodeInf" ng-change="vm.nodeSELE=nodeInf"> </SELEct></li> <li>指定路径:<input type="text" placeholder="请输入路径信息" class="ymLJ"></li> <li>选择文件:<a href="javascript:;" class="file">文件 <input type="file" name="" id="" onchange="angular.element(this).scope().uploadDoc(this.files)"> </a></li> </ul> <div class="upbtn"> <button ng-click="vm.showUpop=false">取消</button> <button class="upymBtn">添加</button> </div> </div>
控制器:
// 上传yml文件 $scope.uploadDoc = function (files) { var fileLength = files[0].name.length; var subName = files[0].name.slice(fileLength-4,fileLength); if(subName!=‘.yml‘){ alert("请上传yml格式文件"); } else{ var oFReader = new FileReader(); var form = new FormData(); var file = files[0]; form.append(‘file‘,filE); var setData = {}; setData.node = Base64.encode(vm.nodeSELE.addr); setData.path = $(".uPDAymLpop .ymLJ").val(); setData.file = file; $(".uPDAymLpop .file").text(files[0].Name); $(".upymBtn").bind("click",function(){ console.log(setData); Containerservice.updateyml(setData,form) .then(function(data) { console.log(data); // vm.refresh(); },function(data) { // console.log(data); vm.error = data.data; }); vm.showUpop=false; }) } }
updateyml: function(setData,fiLeob) { var promise = $http.post(‘/api/containers/ymldeploy?path=‘+setData.path+‘&nodeaddr=‘+setData.node,fiLeob,{ withCredentials: true,headers: {‘Content-Type‘: undefined },transformrequest: angular.identity}) .then(function(responsE) { console.log(responsE); // return response.data; return response; }); return promise; },
代码略粗糙,标红处比较要紧。
以上是大佬教程为你收集整理的AngularJs 文件上传(实现Multipart/form-data 文件的上传)全部内容,希望文章能够帮你解决AngularJs 文件上传(实现Multipart/form-data 文件的上传)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。