2017-02-10 38 views
0

Я создаю веб-приложение, в котором я храню изображения пользователя в моей папке, через некоторое время я нашел пример, который помогает мне,Ошибка HTTP 403.14 - Forbidden при загрузке файла angularjs

, но я получаю ошибку

Ошибка HTTP 403.14 - Запрещено Веб-сервер настроен так, чтобы не перечислять содержимое этого каталога.

и мой код

источник

<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script> 
    <script src="https://angular-file-upload.appspot.com/js/ng-file-upload-shim.js"></script> 
    <script src="https://angular-file-upload.appspot.com/js/ng-file-upload.js"></script> 
</head> 

тело

<div ng-app="myApp" ng-controller="myCtrl"> 
     <input type="file" file-model="myFile" /> 
     <button ng-click="uploadFile()">upload me</button> 
     <a href="#" ng-click="a()">save</a> 
    </div> 

сценарий

<script> 
     //inject angular file upload directives and services. 
     var myApp = angular.module('myApp', []); 

     myApp.directive('fileModel', ['$parse', function ($parse) { 
      return { 
       restrict: 'A', 
       link: function (scope, element, attrs) { 
        var model = $parse(attrs.fileModel); 
        var modelSetter = model.assign; 

        element.bind('change', function() { 
         scope.$apply(function() { 
          modelSetter(scope, element[0].files[0]); 
         }); 
        }); 
       } 
      }; 
     }]); 

     myApp.service('fileUpload', ['$http', function ($http) { 
      this.uploadFileToUrl = function (file, uploadUrl) { 
       var fd = new FormData(); 
       fd.append('file', file); 
       $http.post(uploadUrl, fd, { 
        transformRequest: angular.identity, 
        headers: { 'Content-Type': undefined } 
       }) 
       .success(function() { 
       }) 
       .error(function() { 
       }); 
      } 
     }]); 

     myApp.controller('myCtrl', ['$scope', 'fileUpload', function ($scope, fileUpload) { 
      $scope.a = function() { 
       console.log('called'); 
      } 
      $scope.uploadFile = function() { 
       console.log('called'); 
       var file = $scope.myFile; 
       console.log('file is '); 
       console.dir(file); 
       var uploadUrl = "http://localhost:9206//file//"; 
       fileUpload.uploadFileToUrl(file, uploadUrl); 
      }; 
     }]); 

    </script> 

и URL является

http://localhost:9206//file//

позвольте мне объяснить это

это моя одна страница приложения, я хочу, чтобы сохранить изображение в моей папке файл,

, когда пользователь загрузил его/ее изображение, изображение должно быть сохранено в папке,

, но вместо этого я получаю эту ошибку

(HTTP Error 403.14 - Forbidden)

, что мне нужно делать?

+0

Чтение ошибки похоже, что каталог/папка не дает разрешения писать/читать. Проверьте свои разрешения на доступ к интересующим вас папкам. Если вы используете дистрибутив Linux, убедитесь, что вы отправили «ls -la» и проверьте параметры чтения/записи/выполнения. Похоже, что это ошибка, полученная из разрешений. – mnemosdev

ответ

0

Похоже, что проблему можно устранить, включив IIS. Вы можете включить и настроить Информационную службу Интернета (IIS) на вашем компьютере (с учетом того, что вы используете localhost), следуя инструкциям по этой ссылке: https://msdn.microsoft.com/en-us/library/ms181052(v=vs.80).aspx

+0

нет прогресса все еще такая же ошибка –

+0

вы используете Windows localhost или хост LAMP (linux)? – mnemosdev

+0

с помощью localhost –