title: Upload file using jquery not working for Edge and Safari (v. 11.1)
body: <p>I have input in which user can drop files and after uploading and clicking send they will be uploaded to blob</p>
  
  <pre><code>&lt;input type="file" id="selectFile" name="MultipleFiles" multiple&gt;
  &lt;script&gt;
      $(document).ready(function() {
          $("#selectFiles").dragAndDropPZ({
              fileInputId: "#selectFile"
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>When user drop some files script works and use this function</p>
  
  <pre><code>(function ($, window, document) {
  
  var defaults = {
      fileInputId: "input[type='file']",
      dragoverStyleClass: "stripped"
  };
  
  $.fn.dragAndDropPZ = function (options) {
      var config = $.extend({}, defaults, options);
      var $dropZone = $(this);
      var dropZoneId = $dropZone.selector;
  
      $(document).on("dragover", dropZoneId, function (e) {
          e.preventDefault();
          e.stopPropagation();
          $dropZone.addClass(config.dragoverStyleClass);
          console.log("dropzone =&gt; dragover");
      });
  
      $(document).on("dragleave", dropZoneId, function (e) {
          e.preventDefault();
          e.stopPropagation();
          $dropZone.removeClass(config.dragoverStyleClass);
          console.log("dropzone =&gt; dragleave");
      });
  
      $(document).on("drop", dropZoneId, function (e) {
          e.preventDefault();
          e.stopPropagation();
          var droppedFiles = e.originalEvent.dataTransfer.files; //[0] - ?
          $(config.fileInputId).prop("files", droppedFiles);
          $dropZone.removeClass(config.dragoverStyleClass);
          console.log("dropzone =&gt; ondrop");
      });
  
      return $dropZone;
  };
  })(jQuery, window, document);
  </code></pre>
  
  <p>This is my ajax function for upload files</p>
  
  <pre><code>    function uploadMultipleStageFiles() {
      var formData = new FormData($("#contentStages form")[0]);
      var funcStatus;
      $.ajax({
          url: "@Url.Action("AddFiles", "Groups")",
          data: formData,
          type: 'post',
          async: false,
          processData: false,
          contentType: false,
          success: function (data) {
              funcStatus = data.status;
              if (data.status === "success") {
                  removeSpiner();
                  appendAttachedFiles(data.Files);
                  updateRadioButtonOfFiles(); 
                  console.log("FileUpload - success");
                  return true;
              } else if (data.status === "error") {
                  removeSpiner();
                  alert(data.message);
                  return false;
              }
              return false;
          },
          error: function () {
              console.log("FileUpload - error");
          }
      });
      if (funcStatus === "success") {
          return true;
      } else {
          return false;
      }
  }
  </code></pre>
  
  <p>This code works for all browsers except Edge and Safari version 11.1. Maybe anyone had such issue and already fixed it?</p>