Environment in the previous essay, Lizi here po JS code
Demo Address
http://runjs.cn/detail/o4a55204
<script> ' use strict '; Angular.module (' App ', [' angularfileupload ']). Factory ("MyService",function(){ varService={files:function(){ varlist=[{fileName:' git instructions '. txt ', Size:3456, type:‘‘, URL:' Http://oss.aliyun.com/sdfeweMDF ' }, { FileName:' Center.png ', Size:3456, type:‘‘, URL:' Http://oss.aliyun.com/sdfeweMDF ' } ]; returnlist; } }; returnService; }). controller (' AppController ', [' $scope ', ' fileuploader ', ' MyService ', function($scope, Fileuploader,myservice) {$scope. attachlist=[]; varuploader = $scope. Uploader =Newfileuploader ({URL:'/tianhe/file/uploadfile ' }); Uploader.onsuccessitem=function(Fileitem, Response, status, headers) {Console.info (' Onsuccessitem ', Fileitem, response, status, headers); Console.log ("----"); Console.info (' Interface return value response ', response); Console.log ("****") Console.info (' Uploader instance queue ', Uploader.queue); Console.log ("****"); if(response.success) {$scope. Attachlist.push (Response.data); } }; $scope. Getdetail=function(){ varFileList =Myservice.files (); //$scope. attachlist = myservice.files; for(varI= 0,len=filelist.length;i<len;i++){ vardummy =NewFileuploader.fileitem (uploader, {lastmodifieddate:NewDate (), size:filelist[i].size, type:‘‘, name:filelist[i].filename}); Dummy.progress= 100; dummy.isuploaded=true; Dummy.issuccess=true; Uploader.queue.push (dummy); }} $scope. Getdetail (); }]);</script>
Angular-file-upload echo the uploaded file