What is the simplest ajax upload plugin or script to be used with wordpress?

I have used the native uploader with great results. Try adding this snippet of JS:

jQuery('#upload_image_button').click(function() {
  formfield = jQuery('#fwpPhoto').attr('name');
  tb_show('', 'media-upload.php?type=image&TB_iframe=true');
  return false;
});

window.send_to_editor = function(html) {
  imgurl = jQuery('img',html).attr('src');
  jQuery('#fwpPhoto').val(imgurl);
  tb_remove();
}

Then, in your HTML:

<input id="fwpPhoto" name="facultyPhoto" value="">
<input id="upload_image_button" type="button" value="Upload Image">

For Multiple Uploaders

<input id="facultyPhoto-1" name="facultyPhoto-1" value="" class="fwpPhoto">
<input id="upload_image_button-1" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-2" name="facultyPhoto-2" value="" class="fwpPhoto">
<input id="upload_image_button-2" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-3" name="facultyPhoto-3" value="" class="fwpPhoto">
<input id="upload_image_button-3" class="uploadButton" type="button" value="Upload Image">
<input id="facultyPhoto-4" name="facultyPhoto-4" value="" class="fwpPhoto">
<input id="upload_image_button-4" class="uploadButton" type="button" value="Upload Image">

<script type="text/javascript">
    jQuery(document).ready(function($){
        var target="";
        $('.fwpPhoto').each(function(index) {
            var field = index + 1; //because index starts at 0

            jQuery('#upload_image_button-'+field).click(function() {
                formfield = jQuery('#facultyPhoto-'+field).attr('name');
                target="#"+formfield;
                tb_show('', 'media-upload.php?    type=image&amp;TB_iframe=true');
                return false;
            });
        });
        window.send_to_editor = function(html) {
            imgurl = jQuery('img',html).attr('src');
            jQuery(target).val(imgurl);
            tb_remove();
        }
    });
</script>

Related Posts:

  1. Pass request headers in a jQuery AJAX GET call
  2. My javascript is returning this error: $.ajax is not a function
  3. TypeError: $.ajax(…) is not a function?
  4. XML Parsing Error: not well-formed in FireFox but good in Chrome
  5. Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource
  6. How to get a cross-origin resource sharing (CORS) post request working
  7. jQuery Form Validation before Ajax submit
  8. How to manage ajax calls and JSON in wordpress
  9. ajax stopped working when not logged in?
  10. Using jQuery to delete data stored in wp_options
  11. How to add a ” waiting” icon for an ajax in WP frontend?
  12. Can’t get a JSON object in response to an Ajax request with wp_ajax
  13. WordPress Ajax URL for function in functions.php
  14. Ajax call does not activate callback function
  15. AJAX function returning -1
  16. call shortcode in javascript
  17. WP set auth cookie using Ajax is not saved to browser
  18. How to pass both action and formdata in wordpress ajax?
  19. jQuery AJAX form validation
  20. Proper way to load a single post via Ajax?
  21. Basic WordPress AJAX Call
  22. Trying to get single posts to load on the front page via ajax
  23. ajax call in wordpress front end
  24. Ajax not firing properly using Firefox, but works in Chrome
  25. jQuery Ajax() doesn’t work when the page is accessed as a WordPress template page
  26. How to load whole WordPress pages dynamically with AJAX/jQuery like this following website?
  27. Creating custom AJAX requests
  28. How to pass jQuery ajax URL value
  29. Cannot access elements of json object
  30. Basic ajax call in WordPress
  31. how to get the comment ID in the front end when the REPLY button is clicked?
  32. Admin wp_ajax hook returning 0
  33. wp_ajax unauthenticated and authenticated
  34. WordPress ajax function parameter value not being passed
  35. wp_verify_nonce not working
  36. Tags in WordPress 3.2
  37. php ajax problem – weird 301 responses!
  38. WordPress customizer refresh screen after save
  39. How to get a value from PHP in Jquery through Ajax
  40. Not sure why wp_ajax isn’t working?
  41. Load created php file data via ajax
  42. WordPress Ajax problem with undefined url
  43. Correct way to write jQuery functions in WordPress
  44. Display data on same page as form without refresh
  45. Ajaxify calendar
  46. Intergrating agile carousel to wordpress: how to write the ajax_callback function
  47. AJAX Loaded Glossary like Search results with links to other entries from custom table
  48. How to Dynamically Load Content Into Body of Bootstrap Modal Window?
  49. Return an array from get_terms and store as JavaScript array for search autocomplete
  50. Frontend Post with JQuery AJAX to Php Issue
  51. Trouble with WordPress Ajax Login System – 302
  52. WP http XML response HTML encoding and image display problems
  53. Using WP_Query to grab custom meta values, foreach to json object
  54. Passing a varible from jQuery to PHP
  55. Add/remove action on jQuery toggle
  56. Retrieve post info within AJAX helper function
  57. delete post meta by AJAX
  58. url – ajax loaded but no JS
  59. Ajax form submit not working, returns 0
  60. Creating a new div onclick wordpress+ajax
  61. how to json_encode(); the Loop content so that the encoded array is [“0”:content, “1”:content]
  62. Properly embed javascript into WP (using function.php) – doesn’t work?
  63. jQuery tabs plugin with callback to fetch data
  64. How to retrieve WP_Object that is inside an array of another array
  65. No Object Properties sending form through AJAX
  66. Redirect wp_dropdown_pages() to an AJax request?
  67. Custom AJAX form not working async
  68. click event to unhide something after ajax not firing
  69. WordPress Insert not working with ajax
  70. Search query with Ajax
  71. WP AJAX API with JS file
  72. how to use wp_editor() here am getting empty result
  73. admin ajax php success returns 0
  74. Is there some jQuery conflict here?
  75. Getting jQuery AJAX to work in WordPress (getting -1)
  76. problems with jquery external rss feed integration
  77. AJAX calendar navigation returns -1
  78. Which hook to use when adding ajax to viewer-facing side?
  79. my example with ajax doesn’t work
  80. Get ajaxForm response value
  81. How to pull data from a table using wpdb?
  82. Is not using admin-ajax to ajax submissions okay?
  83. Autocomplete for titles via ajax – rework of past post away from like_escape()
  84. Retrieve customizer value using ajax or customizer api and print the value in theme
  85. owl carousel not working after ajax load [duplicate]
  86. WordPress version for this autocomplete jQuery code
  87. Ajax Request with jQuery not happening
  88. jQuery AJAX add json2 dependency?
  89. How to pass more information though separate post keys via AJAX
  90. wp_signon not working fine and 302 moved temporarily?
  91. Loop not appending through infinite-scroll ajax call
  92. how to refresh index page without reloading browser using ajax
  93. jQuery form plugin, submit in the wordpress way
  94. Contact Form 7 submission does not complete [closed]
  95. Using WP Ajax and jQuery to process multiple forms on the same page?
  96. Combo box populating a DIV using ajax/jquery
  97. Infinite Scroll applied to ajax loaded content
  98. Load loop images on click / defer image loading until click or other event
  99. Widget won’t work due to old JavaScript? Any ideas how to make it work? [closed]
  100. Contact Form 7 – Submit Form not working After Ajax Request [closed]

Leave a Comment