получить загруженные данные формы с использованием JQuery

Question

как получить информацию о форме до поста следующим образом, или, по крайней мере, детали файла (имя, размер и т.д ..)

{"photo":{"name":"Vishnuvardhan.Siddareddy@fisglobal.com_F16.pdf","type":"application\/pdf","tmp_name":"\/tmp\/phpGHoRhJ","error":0,"size":72057}} 

если г do alert (formdata), он показывает [object formdata].

JQuery код

$("#applyBtn").click(function(){ 
      var formObj = $('#multiform'); 
      var formURL = formObj.attr("action");   
      var formData = new FormData(this); 

       alert(formData); 
       return false; 

      $.ajax({ 
        url: formURL, 
        type: "POST", 
        data: formData, 
        mimeType:"multipart/form-data", 
        contentType: false, 
        cache: false, 
        processData:false, 
        success: function(data, textStatus, jqXHR) 
        { 

        }, 
        error: function(jqXHR, textStatus, errorThrown) 
        { 
        }   
       }); 
       e.preventDefault(); 

    }); 

Answer 1

с учетом идентификатора вашего файла, вы можете получить всю информацию о нем, используя getElementById, затем используя свойство файлов этого элемента и проанализируя его. Предполагая, что вы загружаете только один файл, вам понадобятся файлы [0].

HTML:

<input type='file' onchange='get_info()' id = 'the_file' /> 

Javascript:

get_info = function(){ 
    the_file = document.getElementById('the_file'); 
    console.log(the_file.files[0]); 
} 

Fiddle:http://jsfiddle.net/trex005/8pvhnfz9/

Я пойду вперед и позволить вам сделать работу положить его в нужный формат объекта.

Answer 2

Интерфейс FormData не имеет метод для получения данных из нее, так что вам нужно вытащить данные из this объекта до построения FormData объекта.