Is it possible to use Ajax to do file upload?

by

No, it isn’t possible to do this with javascript.

In order to give the ‘AJAX’ feel, however, you can submit a form to a hidden iframe and output the script results to it, then process from there. Google ajax iframe upload and get started from there.

If you are using jQuery, there is also the Form plugin which will automatically create this iframe for you if your form has any file fields in it. I haven’t used it to do this, but I’ve heard good things.

As pointed out in the comments, you can also use something like the very popular SWFUpload to accomplish the desired effect with Flash.

More Related Contents:

  1. jQuery AJAX file upload PHP
  2. How to upload string as file with jQuery or other js framework
  3. How to send data to the server via Ajax?
  4. How to receive special character?
  5. How can I upload files asynchronously with jQuery?
  6. Download a file by jQuery.Ajax
  7. Variable doesn’t get returned from AJAX function
  8. Prevent browser caching of AJAX call result
  9. Post data to JsonP
  10. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  11. jQuery ajax success callback function definition
  12. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  13. Adding CSRFToken to Ajax request
  14. AJAX request to local file system not working in Chrome? [duplicate]
  15. Server polling with JavaScript
  16. pdf file upload ajax html
  17. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  18. Is it any limit for POST data size in Ajax?
  19. Populating a select box using JQUERY, AJAX and PHP
  20. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  21. Chain ajax and execute it in sequence. Jquery Deferred
  22. “Permission denied” with Internet Explorer and jQuery
  23. How to show loading status in percentage for ajax response?
  24. Send form data using ajax
  25. jQuery ajax async: false causes a strange warning?
  26. How to add a Facebook “Like” button to an AJAX driven page
  27. $.post throwing “Illegal invocation “
  28. CORS error with jquery
  29. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  30. How to replace the entire html webpage with ajax response?

Leave a Comment