I can't upload my files using angularjs?

Question

            $scope.uploadFiles = function () {
             //debugger;
            var request = {
                method: 'POST',
                url: 'http://localhost/upload/',
                data: formdata,
                headers: {
                    'Content-Type': undefined
                }
            };

            // SEND THE FILES.
            $http(request)
                .success(function (d) {
                    alert(d);
                })
                .error(function () {
                });
        }

i am getting in console window like XMLHttpRequest cannot load http://localhost/upload/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:55555' is therefore not allowed access. The response had HTTP status code 405.

Possible duplicate of AngularJS angular-file-upload cannot upload data to WebAPI 2 CORS — fracz
– fracz, Commented Jun 2, 2016 at 12:22

Community · Accepted Answer · 2017-05-23 10:34:02Z

0

If I understand this correctly, the app is running at http://localhost:55555 and you are trying to send a POST request to http://localhost/upload/ (which really means http://localhost:80/upload/). Your browser is not allowing you to do this since http://localhost:80/ and http://localhost:55555/ are different origins.

Perhaps you meant to say http://localhost:55555/upload/? This would solve your issue.

Otherwise you need to disable CORS in your browser or add the 'Access-Control-Allow-Origin: * header in your server at http://localhost:80/.

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Jun 2, 2016 at 16:41

Raphi

4283 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Desa Kumaaran Over a year ago

Thanks....i tried localhost:55555/upload also but getting same issue.i will try 'Access-Control-Allow-Origin: * otherwise i need write in services to upload images using C# or i should use some upload.php to move.

Collectives™ on Stack Overflow

I can't upload my files using angularjs?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related