一個簡單的使用上傳AngularJs（CORS與實施）

Question

最近，我不得不寫使用AngularJs一個簡單的上傳（可重複使用），同時，讓我的API在不同的地方，最後用blueimp jQuery File Uploader並提出律定製它寫了一個。我認爲分享這些內容可能會很好，並希望能夠提高自己在AngularJs中的學習。 （我已經添加了答案）

Answer 1

http://codelikeapoem.com/2013/05/angularjs-tutorial-4-file-upload-using.html （您也可以下載整個代碼的）

App.Coffee

@angTut = angular.module("angTut", ['LocalStorageModule', 'ngResource', 'uploaderComponent']); 

@angTut.constant('uploadServiceUrl', 'http://192.168.0.2/api/index.php') 

todos_uploader_controller.coffee

"use strict" 
@angTut.controller('TodosUploadController', (
$scope, uploadService 
) -> 

$scope.uploadLayer = (e, data, process) -> 
    $scope.uploadReturn = uploadService.process(e, data, process) 
    $scope.uploadReturn = uploadService.initialize() 
) 

uploader.directive

https://gist.github.com/sk8terboi87/5652187

upload.html

<div class="control-group"> 
     <input id="testUpload" type="file" fileupload name="files[]" uploadurl="uploadReturn.uploadurl" done="uploadLayer(e, data, 'done')" fail="uploadLayer(e, data, 'fail')" progress="uploadLayer(e, data, 'progress')"> 
     <div class="well" ng-show="uploadReturn.status"> 
     {{uploadReturn.message}} 
     <div ng-show="!uploadReturn.error"> 
      <p class="label label-info">File: {{uploadReturn.successData.name}}</p> 
      <p><a href="{{uploadReturn.successData.fullUrl}}" target="_blank">View file</a></p> 
     </div> 
     </div> 
    </div>