Ajax Upload image

by

first in your ajax call include success & error function and then check if it gives you error or what?

your code should be like this 

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));

    $("#ImageBrowse").on("change", function() {
        $("#imageUploadForm").submit();
    });
});

More Related Contents:

  1. HTML – Change\Update page contents without refreshing\reloading the page
  2. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  3. jquery using ajax to send data and save in php [duplicate]
  4. How do I return a proper success/error message for JQuery .ajax() using PHP?
  5. Get variable from PHP file using JQuery/AJAX
  6. How to send data to the server via Ajax?
  7. How to inject javascript code that uses php variables into php page
  8. HTML: how refresh information in [closed]
  9. How do I run ajax request in background continuously?
  10. Call php function from JavaScript
  11. AJAX request callback using jQuery
  12. using jquery $.ajax to call a PHP function
  13. How do I close a connection early?
  14. Passing JavaScript array to PHP through jQuery $.ajax
  15. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  16. jQuery – Call ajax every 10 seconds
  17. Creating jQuery AJAX requests to a PHP function
  18. PHP/Apache/AJAX – POST limit?
  19. Send multiple checkbox data to PHP via jQuery ajax()
  20. Redirect with PHP after ajax call
  21. Sending multiple data parameters with jQuery AJAX
  22. Refresh a table with jQuery/Ajax every 5 seconds
  23. How to make a Cascading Drop Down List in PHP using jQuery
  24. Jquery ajax setTimeout after form succes not redirecting?
  25. AJAX only access
  26. Codeigniter CSRF valid for only one time ajax request
  27. PHP + Ajax Login
  28. show progressbar while loading pages using jquery ajax in single page website
  29. saving checkbox state on reload
  30. How to send the values of an array of checkboxes through Ajax using jQuery?

Leave a Comment