title: fileReader.readAsBinaryString(file) preventing image upload due to parameter not being type "Blob"
body: <p>I'm trying to upload a picture for use inside a modal, which does properly display the default assigned image but when updated will cause a 405 error. I've narrowed down the culprit inside this update function:</p>
  
  <pre><code>function update()
  {
  
  var reader = new FileReader();
  var file = $('#fileUpload')[0].files[0];
  reader.readAsBinaryString(file);
  
  reader.onload = function (readerEvt)
  {
      //get binary data then convert to encoded string
      var binaryString = reader.result;
      var encodedString = btoa(binaryString);
  
      //normal update fields
      emp = new Object();
      emp.Title = $("#TextBoxTitle").val();
      emp.Firstname = $("#TextBoxFirstname").val();
      emp.Lastname = $("#TextBoxLastname").val();
      emp.Phoneno = $("#TextBoxPhone").val();
      emp.Email = $("#TextBoxEmail").val();
      emp.StaffPicture64 = encodedString;
      emp.Id = localStorage.getItem("Id");
      emp.DepartmentId = localStorage.getItem("DepartmentId");
      emp.Version = localStorage.getItem("Version");
  }
  ajaxCall("Put", "api/employees", emp)
      .done(function (data) {
          $("#myModal").modal("hide");
          getAll(data);
      })
      .fail(function (jqXHR, textStatus, errorThrown) {
          errorRoutine(jqXHR);
      });
  return false; 
  }
  </code></pre>
  
  <p>to this block of code:</p>
  
  <pre><code> var reader = new FileReader();
  var file = $('#fileUpload')[0].files[0];
  reader.readAsBinaryString(file);
  </code></pre>
  
  <p>specifically the reader.readAsBinaryString(file); line. When a breakpoint is set here, I get returned this error message:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Failed to execute 'readAsBinaryString' on 'FileReader': parameter 1 is not of type 'Blob'.(…)</p>
  </blockquote>
  
  <p>This confuses me greatly, as I've directly copied this file upload section from a working example of such I made very recently. I don't understand why one would work perfectly and another would have return an error when they are both using no external input except for the '#fileUpload' tag, which I definitely have in the .html page:</p>
  
  <pre><code>&lt;div class="col-xs-8 text-left"&gt;
     &lt;input id="fileUpload" type="file" /&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Why is this happening? Have I incorrectly referenced my fileUpload tag?</p>