Home  »     »     »     »  Ajax file / image upload using Jquery and preview the uploaded image without refreshing page

Ajax file / image upload using Jquery and preview the uploaded image without refreshing page

Tuesday, April 24, 2012

Ajax file/image upload and preview without refreshing page using Jquery.


Here is a good and simple illustration of file upload using Jquery, This save much time of your coding with messy upload codes. Here you can upload the file / image and preview the uploaded image with out refreshing of the page.

With just few lines of JavaScript code, you can upload files, image and videos.

This script uses "jquery.min" and "jquery.form" plugin




You may download the script / sample code from any of the links given below:
Download Code
https://app.box.com/s/y2ppqiu1gctbyoiueg9y

Download the script, unzip it and upload to your PHP server and run the script. The script can upload files of type JPG, PNG, GIF, JPEG and BMP.

For Live demo, check this link: http://demos.9lessons.info/ajaximageupload/

Click the link below to view the instructions and details explanation of the script and component files
Ajax Image Upload without Refreshing Page using Jquery



How to link to this page?
If you wish to link to this page from your website, simply Copy and paste the above HTML code to your web page. It will appear on your page as:
Ajax file / image upload using Jquery and preview the uploaded image without refreshing page.




Share this!




comments powered by Disqus

This Weeks 7 Popular Posts


Subscribe to Recent Posts by Email
Stay connected to CROZOOM with regular Email notices of new Techie articles and IT Jobs. Updates will be delivered to your Inbox as soon as they are posted online.

Enter Your Email Address:  

Delivered by FeedBurner   RSS Feed

Search this Blog   



Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »