Попытка отправки формы через метод jQuery.post и получение «Uncaught TypeError: Object # <FormData> не имеет метода 'serialize”

Здесь вы создаете объект FormData, такой как "dfg".

var dfg=new FormData(jQuery('form')[0]);

не существует метода serialize(), определенного в FormData, поэтому вы должны отказаться от abject, хотя ajax.

ИЛИ

    function upload()
    {
        var dfg = new FormData(jQuery('form')[0]);
        $.ajax({
            url: 'uplAttachment',
            data: dfg,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function(data){
                alert(data);
            }
        });
    }

вместо этого:

function upload() {
var dfg = new FormData(jQuery('form')[0]);

измените на это:

передать текущий контекст элемента при нажатии на вход:

onclick="upload(this)"

затем обновите свою функцию следующим образом:

function upload(el) {
var dfg = jQuery(el).closest('form');

Таким образом, ваш окончательный код должен выглядеть следующим образом:

HTML:

<input style="cursor: pointer;" onmouseover="" onclick="upload(this)" 
       class="dialogbox" type="submit" value="Upload Report" />

JQuery:

function upload(el) {
   var dfg = jQuery(el).closest('form');
   alert(dfg);
   jQuery.post('uplAttachment', {
      dfg: dfg.serialize()
   }, function (data) {
      var la = data;
      if (la == null | la == '') {
          alert("success");
      } else {
          alert("failed");
      }
   });
}