AngularJsでのファイルアップロード - エラー：XMLHttpRequestがURLステータスを読み込めません：-1

Question

JiveでAngularJsを使用してファイルアップロードオプションを実行しようとしています。私は以下のコードをしようとしていますが、私は以下のようにエラーを取得しています：

//Index.html

<input type="file" class="form-control" id="imageUploadfile" my-files="files" name="Imagefile" accept="image/*" /> 
<input type="button" name="imageUploadButton" ng-click="uploadFiles()" value="Upload" /> 

//コントローラ：以下

OPTIONS https://test.com/MyApp/api/Seasons/UploadImage 405 (Method Not Allowed) 

XMLHttpRequest cannot load https://test.com/MyApp/api/Seasons/UploadImage. Response for preflight has invalid HTTP status code 405 

status: -1 
StatusText: "" 

は、私が試したコードです.js

$scope.uploadFiles = function() { 

     var config = { 
      headers: { 
       "Content-Type": undefined, 
      } 
     }; 

     var file = sharedDataService.shared.files[0]; 

    var url = _testBaseUrl + 'api/Seasons/UploadImage'; 


    $http.post(url, file, config). 

     then(function (response) { 
      $scope.result = "SUCCESS"; 

      $scope.data = response.data.data; 
     }).catch(function (response) { 
      alert("ERROR " + response.status); 
     }); 
    }; 

私はweb.configにエンドポイントを追加していません。

[HttpPost] 
     [Route("Seasons/UploadImage")] 
     public async Task<HttpResponseMessage> UploadImage() 
     { 
      Dictionary<string, object> dict = new Dictionary<string, object>(); 
      try 
      { 

       var httpRequest = HttpContext.Current.Request; 

       foreach (string file in httpRequest.Files) 
       { 
        HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.Created); 

        var postedFile = httpRequest.Files[file]; 
        if (postedFile != null && postedFile.ContentLength > 0) 
        { 

         int MaxContentLength = 1024 * 1024 * 1; //Size = 1 MB 

         IList<string> AllowedFileExtensions = new List<string> { ".jpg", ".gif", ".png", "jpeg" }; 
         var ext = postedFile.FileName.Substring(postedFile.FileName.LastIndexOf('.')); 
         var filenameOrigin = postedFile.FileName.Substring(0, postedFile.FileName.LastIndexOf('.')); 
         var extension = ext.ToLower(); 
         if (!AllowedFileExtensions.Contains(extension)) 
         { 
          var message = string.Format("Please Upload image of type .jpg,.gif,.png,.jpeg."); 

          dict.Add("error", message); 
          return Request.CreateResponse(HttpStatusCode.BadRequest, dict); 
         } 
         else if (postedFile.ContentLength > MaxContentLength) 
         { 
          var message = string.Format("Please Upload a file upto 2 mb."); 

          dict.Add("error", message); 
          return Request.CreateResponse(HttpStatusCode.BadRequest, dict); 
         } 
         else 
         { 

          string filename = String.Format(@"{0}_{1}_{2}{3}", filenameOrigin, Guid.NewGuid(), DateTime.Now.ToString("yyyy-MM-dd_HH.mm.ss"), extension); 
          var filePath = HostingEnvironment.MapPath("~/Images/" + filename); 

          postedFile.SaveAs(filePath); 
          if (!String.IsNullOrEmpty(filePath)) 
          { 
           dict.Add("filePath", filePath); 
          } 
         } 
        } 

        var messageSuccess = string.Format("Image Updated Successfully."); 
        dict.Add("Success", messageSuccess); 
        return Request.CreateResponse(HttpStatusCode.Created, dict); 
       } 
       var res = string.Format("Please Upload a image."); 
       dict.Add("error", res); 
       return Request.CreateResponse(HttpStatusCode.NotFound, dict); 
      } 
      catch (Exception ex) 
      { 
       var res = string.Format("something went wrong"); 
       dict.Add("error", res); 
       return Request.CreateResponse(HttpStatusCode.NotFound, dict); 
      } 
     } 

これは、クロスドメインの呼び出しである：以下は、web.configファイルでのハンドラのコンフィグウェブAPIメソッドで

<handlers accessPolicy="Read, Script"> 
     <remove name="WebDAV" /> 
     <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" /> 
     <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" 
     path="*." 
     verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" 
     modules="IsapiModule" 
     scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" 
     preCondition="classicMode,runtimeVersionv4.0,bitness64" 
     responseBufferLimit="0" /> 
     <remove name="ExtensionlessUrlHandler-Integrated-4.0" /> 
     <remove name="OPTIONSVerbHandler" /> 
     <remove name="TRACEVerbHandler" /> 
     <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" /> 
    </handlers> 

です。これを修正するには？ おかげ

Answer 1

チェックコンテンツのWebサービスの種類またはそれはあなたのAPIエンドポイントはPOST呼び出しを受け付けていませんエラーから明らかな未定義