php jquery ajaxを使用して、データベースにアップロード先のフォルダにアップロードされない画像

Question

php ajaxとjqueryを使用して画像をアップロードしようとしています。イメージはajaxなしで完全にアップロードされます。つまり、submit_post.phpのみを使用しますが、私がajaxを使用すると成功しないため、「エラー」アラートが表示されます。私は確かにajaxの提出スクリプトで何かを見逃しています。誰かがこれで私を助けてくださいできますか？前もって感謝します。ここで

は、スクリプトは、画像がアヤックスせずに細かいアップロードされているため、それはフォルダのアクセス許可を行う必要はありません

submit.js

function submitForm(){ 

       $.ajax({ 


         type : 'POST', 

         url : 'submit_post.php', 
         data : $('#submit_post').serialize(), 
         dataType : 'json', 

    mimeType: "multipart/form-data", 

         success : function(data){ 


           console.log(data); 


           $('#btn-signup').html('<img src="ajax-loader.gif" /> &nbsp; signing up...').attr('disabled', 'disabled'); 

           setTimeout(function(){ 

            if (data.status==='success') { 

             $('#errorDiv').slideDown(200, function(){ 
              $('#errorDiv').html('<div class="alert alert-info">'+data.message+'</div>'); 
              $('#errorDiv').delay(3000).slideUp(100); 
              $("#submit_post")[0].reset(); 
              $('#btn-signup').html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign Me Up'); 
              $('#btn-signup').removeAttr('disabled'); 
             }); 

            } else { 

             $('#errorDiv').slideDown(200, function(){ 
              $('#errorDiv').html('<div class="alert alert-danger">'+data.message+'</div>'); 
              $('#errorDiv').delay(3000).slideUp(100); 
              $('#btn-signup').html('<span class="glyphicon glyphicon-log-in"></span> &nbsp; Sign Me Up'); 
              $('#btn-signup').removeAttr('disabled'); 
             }); 
            } 

           },3000); 


         }, 
         error: function(){alert('Error!')} 

       }); 

       return false; 
      } 



}); 

です。

Answer 1

書かれたコードの下に使用してフォームを送信し、アップロードしようとするために見る、あなたはAJAXを使用するときは、そのようなファイルをアップロードすることはできませんあなたがイメージに

$("#submit_post").on("submit", function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      url: "url.php", 
      type: "POST", 
      data: new FormData(this), 
      dataType: "json", 
      contentType: !1, 
      cache: !1, 
      processData: !1, 
      success: function(e) { 
      } 
     }) 
    }),