2016-07-22 2 views
0

Hallo ich ein Bild bin Hochladen den folgenden Code in AngularJS mit:ein Bild hochladen, AngularJS, Fehlgeschlagen Ressource laden: der Server mit einem Status von 405 reagiert (Methode nicht erlaubt)

HTML:

<div ng-controller="MyCtrl"> 
    <input type="file" ngf-select="onFileSelect($files)" multiple> 
    </div> 

JS:

//inject angular file upload directive. 
angular.module('myApp', ['ngFileUpload']); 

var MyCtrl = [ '$scope', 'Upload', function($scope, Upload) { 
    $scope.onFileSelect = function($files) { 
    //$files: an array of files selected, each file has name, size, and type. 
    for (var i = 0; i < $files.length; i++) { 
     var $file = $files[i]; 
     Upload.upload({ 
     url: 'src/assets', 
     file: $file, 
     progress: function(e){} 
     }).then(function(data, status, headers, config) { 
     // file is uploaded successfully 
     console.log(data); 
     }); 
    } 
    } 
}]; 

, wenn ich es laufen und versuchen, ein Bild, das ich diesen Fehler laden:

"Fehler beim Laden der Ressource: Der Server hat mit dem Status 405 (Method Not Allowed) geantwortet"

Es ist also beschwert über die POST-Methode, um die Datei in den Zielordner zu speichern, die anscheinend nicht erlaubt ist, irgendwelche Ideen ?? ? oder hat jemand eine einfachere Möglichkeit, ein Bild in den Site-Ordner in eckigen ?? hochzuladen? Danke vielmals !!

+0

Nun, das klingt wie ein Serverproblem. Der Server lehnt Ihre POST-Anfrage wie gesagt ab. Wie sieht der Handler auf der Serverseite aus? –

+0

Hi Hoffe, ich habe dies für die Staticfile-Handler überprüft und es ist eingerichtet, um alle Verben GET, POST, PUT, DELETE ... –

Antwort

0

Dies wird nun sortiert, Problem war, dass die URL falsch war, nachdem der Controller/ActionMethod Überprüfung, die den Upload auf der Serverseite tut erkannte ich dann, dass die URL tatsächlich zu nennen, ist

myUploads/Imageupload

Ich kann jetzt Bilder in meine Angular-Anwendung ohne Probleme hochladen! :)

Verwandte Themen