title: 404 error in calling ashx handler of Web Api
body: <p>I have an <code>ImageUploadHandler.ashx</code> handler in my WebApi Project. Source code is available <a href="https://github.com/RickStrahl/Westwind.plUploadHandler" rel="nofollow noreferrer">here</a>. I am trying to call my handler from my AngularJs project. Here is the code:</p>
  
  <pre><code> var serviceBase = 'http://baseDomain/';
  var plupload = null;
  $scope.uploadedFiles = [];
  
  $scope.fileUpload = {
      url: serviceBase + 'ImageUploadHandler.ashx',
      options: {
          multi_selection: true,
          drop_element: "pluploadDropzone",
          chunk_size: '200kb',
          runtimes: 'html5,flash,silverlight,html4',
          browse_button: "pluploadDropzone",
          container: "pluploadContainer",
          max_file_size: '3mb',
          mime_types: [{ title: 'Allowed', extensions: 'jpeg, jpg, png, gif' }]
      },
      callbacks:
      {
          filesAdded: function (uploader, files) {
              plupload = uploader;
  
              for (var i = 0 ; i &lt; files.length ; i++) {
                  var file = files[i];
                  $scope.uploadedFiles.push(file);
                  plupload.start();
              }
          }
      }
  }
  </code></pre>
  
  <p><strong>Html:</strong></p>
  
  <pre><code>&lt;div id="pluploadContainer" class="uploader"&gt;
   &lt;a ng-hide="uploadedFiles.length &gt;= 10" id="pluploadDropzone"
      plupload="fileUpload.url"
      plupload-options="fileUpload.options"
      plupload-callbacks="fileUpload.callbacks"
      class="dropzone html5Dropzone" style="width: 464px;"&gt;
            &lt;span ng-hide="uploadedFiles.length &gt;= 10" class="instructions html5Instructions"&gt;
                  Drag &amp;amp; Drop Your Files Here!
            &lt;/span&gt;
  
     &lt;/a&gt;
     &lt;div class="m-images"&gt;
          &lt;ul class="images"&gt;
              &lt;li ng-repeat="file in uploadedFiles" class="image"&gt;
                  &lt;div class="thumbnail"&gt;
                        {{ file.name }}
                   &lt;/div&gt;
               &lt;a ng-click="deleteImage(file)" class="delete"&gt;&amp;times;&lt;/a&gt;
               &lt;/li&gt;
          &lt;/ul&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am getting 404 error while calling this handler, Here is the error snapshot:</p>
  
  <p><a href="https://i.stack.imgur.com/tKzSD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tKzSD.png" alt="enter image description here"></a></p>