Get uploaded image and attach it to the new post

You have to use the javascript FormData object to upload files via ajax. A simple tutorial is provided here. In PHP the file will be available via the globals $_FILES and $_POST.

Additional to the tutorial the WordPress specific data “action” (and maybe “nonce”) have to be added to the formData object:

formData.append('action', 'add_your_action_here');
// if necessary
formData.append('nonce', 'add_your_nonce_here');

Related Posts:

  1. How do I Import / Upload Files with jQuery AJAX?
  2. Upload multiple files via ajax from an HTML file input
  3. Do I require the use of nonce?
  4. Real time Duplicate title check
  5. Load custom field value into div with AJAX
  6. Security – Ajax and Nonce use [closed]
  7. Jquery ajax to custom php file: returning blank data
  8. Accessing a random image via ajax
  9. Looking for a better way to handle an ajax script that pulls in post data on click
  10. Can’t use get_results() in ajax query
  11. Problem with WordPress Ajax form
  12. Display notification only once
  13. Access/update database with jQuery
  14. How to display something in a div when the user clicks on a text in another div – no page refresh [closed]
  15. Passing jQuery value using Ajax to a page template
  16. ajax_object is not defined when ajax calls the function
  17. Why is this Ajax not working?
  18. Stumped – Ajax Response Returns 0
  19. Colorbox ajax loading of outside HTML content works perfect on localhost but not on server
  20. Use ajax from function.php
  21. Ajax return code 400
  22. doing an ajax request always outputs 0
  23. How to test nonce with AJAX – Plugin development
  24. Woocommerce add to cart quantity buttons with AJAX
  25. class click counter save number
  26. wordpress count link clicks by ip address
  27. ajax, right way to do it and make it works?
  28. Ajax load more posts with multiple tax query
  29. WordPress Sending data to Ajax with select option
  30. WordPress ajax doesn’t display object method on jQuery .change() function
  31. Ajax loaded form replaces form action with Ajax url
  32. prevent default not stopping page refresh. Passing form information to and from php with ajax in a wordpress site
  33. Image upload via FormData API and AJAX is not working ($_FILES always empty)
  34. Ajax date_query not working past the first iteration
  35. Ajax request not sending to server and returning – wp-admin/admin-ajax.php 400
  36. populate form fields in a loop with ajax
  37. Setting value of session with Ajax not working
  38. [jQuery]Adding shortcode
  39. Display parent and child taxonomies in separate drop down select fields
  40. Plugins not working on AJAX requests
  41. How to disable controls in theme customizer?
  42. WordPress admin-ajax.php 400 bad request
  43. WordPress Ajax Call inserting data but success response false
  44. Ajax contact form return 0
  45. AJAX – Returning Two JSON Objects with One PHP Function
  46. Unset session variable on page reload / setup but exclude AJAX
  47. Add Ajax Hooks and Call from Custom Template PHP
  48. WordPress Ajax Always returning 0
  49. How to keep track of when a vote is cast?
  50. My jQuery Ajax form submit is still refreshing page?
  51. jQuery Ajax PHP function call returning [object Object]
  52. Output votes to div dynamically in wordpress
  53. Proper way to use WordPress function with AJAX PHP file
  54. Live search from database table
  55. Allow user to Upload image and manipulate it on the frontend
  56. Accessing an API with jQuery and AJAX
  57. Execute Jquery when a specific page in my plugin is loading
  58. what does $options = get_option(‘test_theme’); do?
  59. Search Ajax Call – Use Form Data in Response
  60. Validating an email input from form field before submit using JQuery, AJAX, and PHP
  61. Why does PHP called with Jquery AJAX not allow additional php code to be added?
  62. WordPress cascading dropdown selection search based on Parent Page & Child Page
  63. Ajax on the Administration Side of plugin – wp_localize_script – how to pass value from JQuery to PHP function in class?
  64. Database entry removed on browser refresh, Ajax PHP jQuery
  65. jquery & ajax getting data from php in wordpress . admin-ajax.php returns 400
  66. How do I call a value from the datase using ajax
  67. Where to add my PHP codes for AJAX Jquery to work?
  68. How to use wp_ajax_set_post_thumbnail?
  69. Can’t make lazy load for my site, help!
  70. How to reload a php script, using AJAX and jQuery
  71. wp_set_object_terms returns 500 error when called through AJAX function
  72. How can i send id of the currently posted form data through json response in custom wordpress plugin?
  73. Cannot successfully execute AJAX script to call function.php specific function. Using XAMPP localhost to test
  74. Custom theme admin-ajax.php 400 (Bad Request)
  75. Remove item from post_meta array via AJAX
  76. number of posts with “Load More”
  77. defined (‘ABSPATH’) false after AJAX post to other PHP-file
  78. Ajax not updating to database
  79. WordPress 404 when using AJAX to call php function
  80. wordpress ajax pagination
  81. how use php query in AJAX jquery
  82. Ajax Load more CPT via shortcode
  83. Submitting my form to the database and then redirecting to payment site
  84. Pass the updated value of aid from form using ajax
  85. ajax form with multiple submit buttons and values
  86. 403 (Forbidden) delete file image in themer folder
  87. 500 (Internal Server Error) of external php file
  88. Use jQuery and AJAX to get HTML
  89. Is custom behaviour possible when asynchronously uploading?
  90. Dynamic Gallery
  91. best way to communicate between php and jquery/javascript
  92. Loading a post’s content, into a div outside the loop, when it’s title is selected in a list
  93. Fatal error: Uncaught Error: Call to undefined function wp_nav_menu()
  94. AJAX: WordPress filters inside $html do not work as intended
  95. Why not showing all post by default in my jquery filter
  96. Load Meta box value into div AJAX [duplicate]
  97. Jquery autosave text area after typing
  98. Pass a PHP variable (loop-audio.php) to jQuery function (js/script.js)
  99. getJSON response to PHP
  100. get_post_meta returns on side but it doesn’t return on bottom of admin page