WordPress - ERR_BAD_RESPONSE admin-ajax-php file upload

newbiedev 0
Viewed 30

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 information is passed from the front-end which is a Vue app hosted in a page template.

I've correctly 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 has this method that will add the needed information 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?

wordpress php vue.js javascript
2 Answers

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:

Tami0

I was stuck with this problem because of WordPress plugin conflicts.

You can disable unused plugins and check.

Omkar0
Related