Breaking News: Grepper is joining You.com. Read the official announcement!

WordPress ajax file upload

OussamaDEV answered on June 6, 2021 Popularity 9/10 Helpfulness 5/10

answer WordPress ajax file upload

WordPress ajax file upload

Comment

jQuery(document).on('click', '#submit', function(e){
    e.preventDefault();

    var fd = new FormData();
    var file = jQuery(document).find('input[type="file"]');
    var caption = jQuery(this).find('input[name=img_caption]');
    var individual_file = file[0].files[0];
    fd.append("file", individual_file);
    var individual_capt = caption.val();
    fd.append("caption", individual_capt);  
    fd.append('action', 'fiu_upload_file');  

    jQuery.ajax({
        type: 'POST',
        url: fiuajax.ajaxurl,
        data: fd,
        contentType: false,
        processData: false,
        success: function(response){

            console.log(response);
        }
    });
});

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: ajax file-upload javascript wordpress

Link to this answer
Share Copy Link