Previously in another post, I had created a uploader using simple HTML and PHP to upload files directly to Amazon AWS S3 server. In this tutorial, we will just transform the form into Ajax based file uploader using jQuery. Ajax makes it really easy for the user as the page doesn’t need to be reloaded and we can also show a progress bar as the user waits for the upload to finish.
Ajax forms are the integral part of web technology today. It makes sending HTTP requests very easy, no page reloads and it’s fast, it can send-receive information in a various formats such as HTML, JSON or XML. Let’s learn various ways to send HTML form data using jQuery Ajax.
If you are looking for useful jQuery snippets, here’s list compiled from my previous posts. I am sure this list will come in handy for you in your jQuery projects.
Add/Remove Input Fields Dynamically with jQueryjQuery Move Div Left/right/up/downHow to Select / Deselect All Checkboxes using jQuerySimple Form validation jQuery snippetValidating File Size Before Form Submit (HTML5)Get Selected Values From Radio Button using jQuerSelect Box Change Dependent Options dynamicallyPassword Strength Checker jQueryRestrict multiple URLs in Input with jQueryMove Content Back And Forth With jQueryCreating Simple Hover Fade jQuery PluginTriggering callback after user stops typing jQueryBack to Top Smooth scroll using jQueryDraggable Element with JQuery (No jQuery UI)Enable/Disable Form Submit Button with jQueryGet Selected Values From Radio Button using jQueryConfirmation dialog on leaving pageSelect All Text In Element on ClickGet current location of user using jQuery (Geolocation API)
Welcome to sanwebe.com, a blog 100% inspired by our ever changing web development world, it's a small effort to provide useful related resources, tips and tutorials to web developers and newbies. Blog was launched back in 2011, and recently been moved from saaraan to sanwebe.com, blog needs some catching up to do, but your valuable feedbacks will always help.