Из гугла я понял, что загрузку файлов чистым аяксом невозможно выполнить.
Или я плохо гуглил ?
Есть способы используя доп.библиотеки или iframe.
Хотелось бы найти самое простое решение, не подключая ничего дополнительного.
на данный момент у меня стоит 2 формы с разными id.
код ajax запроса один на 2 формы. подгрузка файла добавилась только в 1 форме.(id="h_form")

    var status=$('#status');
    // multiple forms: HOME and CONTACTS ***************************************
      $("form").submit(function(file, ext) {
      // Getting the form ID
      var formID = $(this).attr('id');
      var formDetails = $('#' + formID);

      if(formID == "h_form"){
        var fileUpl = $("#fileupload").val();
        var ext = $('#fileupload').val().split('.').pop().toLowerCase();

        if(fileUpl != ''){
          // check for valid file extension
          if($.inArray(ext, ['rar','zip','7z','pdf','xlsx','xls','docx','doc','txt']) == -1) {
              status.text('Only pdf, word, excel and archives are allowed').css("color","red");
              return false;
          }
        }
      }

      $.ajax({
        type: "POST",
        url: 'operations.php',
        data: formDetails.serialize(),
        success: function(data) {
          // Inserting html into the .statusmsg div
          $('.statusMsg').fadeIn(1000).css("color", "green").html("Successfully added");
          status.text('');
        },
        error: function(jqXHR, text, error) {
          // Displaying if there are any errors
          $('.statusMsg').fadeIn(500).css("color", "red").html("Error. Please try again");
        },
        complete: function() {
          $('#' + formID).each(function() {
            this.reset(); //Here form fields will be cleared.
          });
        }
      });
      return false;
    });
    

в php просто запрос на добавление записи и подключается file_uploader файл
который и не выполняется из-за аякса.
Посоветуйте плз решение...