[Upload Image Form] How to Integrate Ajax File Upload in WordPress 😒 use submit P3 full (ok)

C:\xampp\htdocs\hanam\wp-content\themes\car-child\functions.php

$script_data_array = array(
      'ajaxurl' => admin_url( 'admin-ajax.php' ),
      'security' => wp_create_nonce( 'file_upload' ),
  );
  wp_enqueue_script('custom_js', get_stylesheet_directory_uri() . '/assets/js/custom.js', array('jquery'), '123', 'all', true);
  wp_localize_script( 'custom_js', 'fiuajax', $script_data_array );

C:\xampp\htdocs\hanam\wp-content\themes\car-child\page-create.php

jQuery(document).on('click', '#applyfilters', function(e) {
        e.preventDefault();
        var dataform = $('#itemform').serialize();
        var fd = new FormData();
        var file = jQuery('#fileup');
        var individual_file = file[0].files[0];
        fd.append("file", individual_file);
        fd.append("dataform", dataform);
        fd.append('action', 'save_data_create');
        fd.append('security', fiuajax.security);
        $.ajax({
            url: '<?php echo admin_url('admin-ajax.php');?>',
            type: 'POST',
            contentType: false,
            processData: false,
            data: fd,
            success: function (response) {
              console.log(response);
            }
        });
      });
C:\xampp\htdocs\hanam\wp-content\themes\car-child\page-create.php
Previous[Upload Image Form] How to Integrate Ajax File Upload in WordPress 😒 use submit P2 (ok)NextInsert post with custom taxonomy 🌟(ok)

Last updated

Was this helpful?