[SOLVED] WordPress – ERR_BAD_RESPONSE admin-ajax-php file upload

Issue

This Content is from Stack Overflow. Question asked by newbiedev

I’m trying to upload files in wordpress using admin-ajax.php

I have this code in my functions.php file

function upload_docs(){
 var_dump($_FILES);
}
add_action('wp_ajax_nopriv_upload_docs', 'upload_docs');
add_action('wp_ajax_upload_docs', 'upload_docs');

The function at the moment is a test that I want to use to debug what informations are passed from the front-end that is a vue app hosted in a page template.

I’ve corectly loaded and localized the vue css and js files and after the build, in my localhost I’m able to pass the other forms I have configured on my functions file

On the front-end side, the vue app have this method that will add the needed informations to the wordpress backend

sendUploadForm(){
 let documents = this.$refs.uploadedFiles.files
 let userData = new FormData()
 for(let i = 0; i < documents.length; i++ ){
  userData.append('file[]', documents[i])
 }
 userData.append('action', 'upload_docs')
 axios.post(wp_param.ajaxurl, userData).then( res => {
   console.log(res)
 }).catch( e => console.log(e) )
 
}

What is going wrong with the code? I will always get a 500 error status code ERR_BAD_RESPONSE and I don’t know if the function is called because I’m unable to see any var_dump or var_export from php. I’ve tried to enable the debug in wp config file but nothing changed.

Any suggestion?



Solution

Add these additional two lines under your WP_DEBUG one, make the error happen again, and check in the folder wp-content/ if you see a new file debug.log.

define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false); 

Consider:


This Question was asked in StackOverflow by newbiedev and Answered by Tami It is licensed under the terms of CC BY-SA 2.5. - CC BY-SA 3.0. - CC BY-SA 4.0.

people found this article helpful. What about you?