Skip to main content

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

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
Labels:

Popular posts from this blog

Strange problem occured while trying to create a CSV file using PHP Script - The file is not seen on FTP but can download using file's absolute path url

Strange problem occured while trying to create a CSV file - The file is not seen on FTP but can download using file's absolute path url Last day I came across a strange problem when I tried to create a csv file on therver using a PHP script. the script was simply writing a given content as a csv file. The file will be created runtime. What happened was, The script executed fine, file handler for new file was created and contents was wrote into the file using fwrite and it returned the number of bytes that was written.
Post a Comment
Read more

How to get the Query string of a URL using the Javascript (JS)?

JS function get the Query string of a URL or value of each parameter using the Javascript(JS)? If you want to get your current page's url var my_url=document.location; to get the query string part of the url use like this: var my_qry_str= location.search; this will return the part of the url starting from "?" following by query string Lets assume that your current page url is http://www.crozoom.com/2013/page.html?qry1=A&qry2=B then the location.search function will return " ?qry1=A&qry2=B " to exclue "?", do like this:
Read more


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 »
Member
Search This Blog