ファイルデータを取得できません。ファイルデータが空であることを示します。

Question

ajax経由でファイルをアップロードするためにこれを行いました。 しかし、私はファイルのデータを取得することはできません。ファイルデータが空であることを示します。

ここに私のajaxの部分です。

$("#personal_image").on('click',function(event) { 
     event.preventDefault(); 
     var datastring = $("#personal_image").serialize(); 

     console.log(datastring); 

     $.ajax({ 
      type: "POST", 
      url: location.origin+"/user/parsonal_image_submit/", 
      secureuri  :false, 
      fileElementId :'user_image', 
      data: datastring, 
      dataType: "json", 
      success: function(data) { 
       //success    }, 
      error: function() { 
       //error 
      } 
     }); 
    }) 

Answer 1

以下のコードを確認してください。それがあなたのために働くことを願っています。 をクリックしてください。をクリックしてください。

$('#your_form_id').on('submit',function(e){ 
 
\t e.preventDefault(); 
 
\t var formdata = new FormData($(this)[0]); 
 
\t var url = $('#personal_image').attr('action'); 
 
\t $.ajax({ 
 
\t \t url: url, 
 
\t \t type: 'post', 
 
\t \t data: formdata, 
 
\t \t dataType: 'json', 
 
\t \t processData: false, 
 
\t \t contentType: false, 
 
\t \t //async: false, 
 
\t \t success: function(data){ 
 
\t \t \t //success 
 
\t \t } 
 
\t }); 
 
});