Using wp_handle_upload and media_handle_sideload with ajax

Uploading files in ajax is a bit tricky because it is not possible to upload files using the browser’s XMLHttpRequest object so you need to use some kind of Ajax upload plugin.

Also wp_handle_upload() is not what your using in your code its media_handle_sideload()

  • wp_handle_upload() – should be used for file uploads (input file field)
  • media_handle_sideload() – should be used for remote file uploads
    (input text field)

take a look at this similar question

Related Posts:

  1. Load minimum WordPress environment
  2. admin-ajax.php returns 0. How do I debug it and fix it?
  3. AJAX action not triggering PHP function
  4. How to allow to user non logged in WP system upload in media library?
  5. How to know what page is calling admin-ajax.php?
  6. How to set post_id to 0 when you upload image via Add media button. (async-upload.php)
  7. Ajax image upload with media_handle_upload and form.js
  8. wp_handle_upload returns empty error array
  9. Pass additional parameter with async upload
  10. How to disable drag-and-drop upload function in Media Library?
  11. Distinguish between 2 instances of admin-ajax.php
  12. Why is the file not uploading to the server?
  13. Frontend AJAX Media Upload returning 404
  14. How to require files in a custom endpoint
  15. Cannot add multiple single images at once
  16. How to send custom variable in Media Uploader ajax request?
  17. wp_enqueue_media problem
  18. How to cache json with wp-super cache
  19. Why might a plugin’s ‘do_shortcode’ not work in an AJAX request?
  20. Get Previous & Next posts by Post ID
  21. Nonces and Cache
  22. REST API endpoint for elasticpress autosuggest
  23. ajax – why multiple calls to wp_create_nonce() return same value?
  24. AJAX request on the frontend always returns 0 if user is not admin
  25. Admin Notification after save_post, when ajax saving in gutenberg
  26. Using ajax on categories and wordpress loops
  27. Cannot load admin-ajax.php. No access-control allow origin*
  28. Initialize JS with an ajax loaded ACF form
  29. Nonces and Ajax request to REST API and verification
  30. Accessing a random image via ajax
  31. Can’t seem to get wp_localize_script to work
  32. wp_ajax action is not running
  33. Ajax – gettext without a plugin
  34. WordPress AJAX calls not detecting language properly?
  35. AJAX issue – Uncaught SyntaxError when processing Zip File
  36. wp_verify_nonce doesn’t return true on server when it matches the nonce
  37. update_user_meta doesn’t work with AJAX
  38. wp-admin AJAX with Fetch API is done without user
  39. admin-ajax return error 400 for Chrome/Edge but not Firefox
  40. Is it safe to manually sign a user in using AJAX?
  41. WordPress Admin AJAX Serialize
  42. Why a strange discrepency between get_current_user_id() when using AJAX versus output of document.cookie?
  43. Loading post template that contains a nested loop with ajax
  44. Long Polling: Stuck in while loop
  45. Code run fast on a cronjob but slow with a do_action or ajax call
  46. update_post_meta using ajax
  47. Ajax comment form submit on frontpage alerts success but no insertion
  48. How to update Comment post meta through an Ajax call
  49. ModSecurity && Admin Ajax: Server locking up
  50. Wp mail does not work when Ajaxed to
  51. All AJAX requests return a 400 error
  52. Unable to successfully verify nonce
  53. Create custom POST Method URL
  54. Getting a variable using $post ajax back from php to js response in WP
  55. AJAX Call – Failed to load resource: the server responded with a status of 500 (Internal Server Error)
  56. WordPress is Not Setting PHP $_POST on Custom Ajax
  57. bulk update meta value with ajax
  58. javascript ajax and nonce
  59. Is it possible to determine whether a page is a page template by page_id in ajax call?
  60. Chained ajax call, second call returns 0
  61. How to create a form button that executes a function?
  62. How to stop being directed to admin.php after sending request to admin-ajax.php
  63. 200 return code on ‘POST /wp-admin/admin-ajax.php’ while NOT logged in
  64. Next Ajax call doesn’t work
  65. need a confirmation text to appear on email submission
  66. How to make pages that arent indexed for ajax applications
  67. Why does reCAPTCHA v3 return 0 ? In custom AJAX registration form
  68. admin-ajax.php 400 bad request
  69. WordPress Ajax Page Load to skip embedded iframe
  70. WordPress POST AJAX call, var_dump($_POST) NULL and AJAX response empty when inside ob_start
  71. Set cors header for ajax requests
  72. Simple AJAX code that refreshes every x seconds?
  73. How to keep scripts persistent during admin-ajax process when saving widget?
  74. Very weird bug: Ajax for non-admins
  75. Search function – problem with whole words
  76. WordPress 403 error on form submission with Ajax
  77. I am getting Admin-ajax.php 400 Error
  78. Ajax and get_template_part
  79. Ajax is not defined
  80. Get posts by category via ajax
  81. Adding pagination to Ajax Query
  82. WordPress 4.9.6 – IncludeMe & getAjax GET using wrong URL
  83. Create secondary Archive page format?
  84. check_admin_referer fails on new AJAX plugin uninstall with “Are you sure you want to do this?”
  85. wordpress ajax upload media not working
  86. How to populate data from JSON using AJAX in TypeScript? [closed]
  87. Weird admin-ajax.php problem
  88. Ajax contact form returnig 0
  89. Trying to send AJAX data to WordPress hook
  90. Can’t update WP Editor after Ajax
  91. Update user meta using Ajax on front end?
  92. retrieving page content per AJAX [duplicate]
  93. Posting to loop.php file
  94. Can’t access data from database using AJAX
  95. Running js in html code with same content
  96. How to get current_user_id from wordpress in node js?
  97. how can i create get request unis ajax without expecting return value
  98. How to use Ajax with WordPress
  99. Using $.ajax getting 500 error
  100. admin-ajax.php 400 (Bad Request) what am I doing wrong?