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. jQuery’s .on() method combined with the submit event
  19. Why use admin-ajax.php and how does it work?
  20. Why is die() used at the end of function that handles an Ajax request?
  21. Making my AJAX powered WordPress Crawlable
  22. Why is a 500 error generated by admin-ajax.php not going into the Apache error log?
  23. admin-ajax.php doesn’t work when using POST data and Axios
  24. Custom Form with Ajax
  25. How to process ajax requests correctly using ajax plugins
  26. Add item to media library from blob or dataUrl
  27. How is it possible that the function of the test page works, but it does not go live?
  28. jQuery Autocomplete not working with wp_localize_script
  29. Ajax returning correct data BUT at wrong place
  30. get_posts empty when called via Ajax
  31. admin-ajax.php mixed content
  32. WP-API and Basic Auth returning 403 on POST but not GET
  33. Is there a hook to process a backbone restful PUT request inside wordpress?
  34. How to localized one js file for different actions?
  35. WordPress Ajax Problems
  36. trying to use wp_handle_upload with ajax
  37. Force redirect not logged in user to (wp-login.php or wp-admin) for specific page
  38. How can I access the Header of and ajax response from the rest API
  39. Getting back to ajax search results from a page
  40. Updating a checkbox value to database for specific row in table
  41. WordPress Ajax Not Working ( Custom Admin page)
  42. WordPress ajax success response
  43. Admin WP List Table Columns Missing
  44. (updated) How to add AJAX error handling to a (fully) custom registration form?
  45. Load JavaScript from a post that’s loading into Fancybox via ajax
  46. Gravity form Load By Ajax Cannot Submit – Error 400
  47. wordpress admin ajax url rename
  48. Image upload via FormData API and AJAX is not working ($_FILES always empty)
  49. rest_no_route custom route
  50. Using infinite scroll ajax load more with search parameter
  51. Cache wp-json/posts without a plugin?
  52. How to implement secure frontend image upload? [closed]
  53. What is the best way to do MyAjax error and success handling?
  54. Gravity Forms closes my popup on Validation Error [closed]
  55. infinite-scroll for 2 fixed height containers
  56. “Loadmore” button is not working in buddypress [closed]
  57. Uncaught ReferenceError: the_ajax_script is not defined . How is this not defined?
  58. Right way to include blog-header.php?
  59. AJAX action through direct link
  60. Ajax call on new site with jupiterx theme getting 400 response [closed]
  61. I can’t get a return value from Ajax
  62. WordPress AJAX return 0 – My case
  63. Creating an auto result search bar
  64. update_option is not saving an array, but saving the string ‘Array’
  65. Ajax call in wordpress not working for subscriber user
  66. Ajax call in WordPress – unable to display the data on the page
  67. What WP-API authentication method should I use to interact with anonymous / not-logged visitors?
  68. How to call ajax in plugin file
  69. Get title and featured image using Ajax
  70. javascript onClick update user_meta from jquery.ajax
  71. How to ignore WP_ERROR caused by “get_the_excerpt” method in an AJAX call?
  72. WP_Query is not received in Ajax
  73. My function containing a mysql query launched by ajax is not working in wordpress. What am I missing?
  74. How do I mitigate replay attacks when talking about actions that shouldn’t happen twice?
  75. Updating Jquery object with newly created elements after AJAX call
  76. wordpress ajax search posts
  77. Ajax call from Plugin using Class
  78. enqueue style using admin-ajax.php
  79. Ajax by worpdress affects called jquery inside template file
  80. AJAX form not working, still reloads on submit
  81. Call public static method from ajax ‘wpcf7_mail_sent’ hook
  82. Update user meta via ajax from frontend, saving issue
  83. How to get the admin page slug using wp_loaded hook?
  84. Edit user meta on front-end via AJAX
  85. Having a self updating list
  86. What is the best way to handle Ajax image upload on front end?
  87. Unexpected WordPress search results
  88. WordPress Get Header and Footer using in Admin Area
  89. Tie the sending of an ajax request to WordPress hooks
  90. AJAX: admin-ajax.php is adding extra content to my script’s response – how to exclude header, footer, etc.?
  91. Is custom behaviour possible when asynchronously uploading?
  92. ajax page template
  93. apply_filters, EMBEDS and AJAX not a friends? [duplicate]
  94. Using Javascript Callback from plugin in a theme
  95. Why does my Ajax Get request give a 400 bad request?
  96. Translating wordpress foreach to ajax
  97. AJAX loading with custom parameters
  98. Adding custom fields to Wired Impact Volunteer Management Plugin
  99. Placing ajax actions in different class
  100. randomly get 400 error while user is logged in wp_ajax