图像未根据 ajax 请求随序列化表单数据一起传递

Question

    jQuery(document).ready(function(){
    jQuery('#fupForm').on('submit', function(e){
        e.preventDefault();
        var formdata = jQuery("#fupForm").serialize()
        jQuery.ajax({
              url: ajaxurl,
              data : {
                     formdata, 
                     action:'my_ajax_callback_function'
                    },
              type: "POST",
              beforeSend: function(){
                jQuery('#fupForm').css("opacity",".5");
            },
              success: function(response){
                  alert(response);
                  jQuery('#fupForm').css("opacity","");
              } 
        });
    });
});
jQuery(document).ready(function($) {
    jQuery("#datepicker").datepicker();
});
  function img_pathUrl(input){
    jQuery('#img_url')[0].src = (window.URL ? URL : webkitURL).createObjectURL(input.files[0]);
}

我只是在 function.php 中使用 print_r() 打印完整的表单数据，但它没有显示图像名称

Answer 1

使用 FormData() 而不是 serialize() 方法。

var formData = new FormData(this);