Eine Einfache Uploader mit AngularJs (mit CORS-Implementierung)

Kürzlich hatte ich das schreiben einer einfachen uploader (wiederverwendbar) mit AngularJs, während, halten meine API in separaten Ort, und schließlich schrieb man mit blueimp jQuery File Uploader und machte lil Anpassung. Ich Dachte, es wäre toll, zu teilen und hoffentlich mich verbessern lernen in AngularJs. (Ich habe die Antwort)

  • Das ist toll, Ist es ein 'wie kann ich' Frage könnte hier gestellt werden, so dass die Menschen entdecken Sie es einfacher?
InformationsquelleAutor sk8terboi87 ツ | 2013-05-26
  1. 0

    http://codelikeapoem.com/2013/05/angularjs-tutorial-4-file-upload-using.html
    (Sie können download-der gesamte code Ihre)

    App.Kaffee

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

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

    todos_uploader_controller.Kaffee

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

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

    uploader.Richtlinie

    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>
    InformationsquelleAutor sk8terboi87 ツ
Schreibe einen Kommentar