Ajax file upload

First download fileuploader.js from above link  include in html.

  <script type="text/javascript" src="js/fileuploader.js"></script>

html :

Write this in your html file.

<div id="content-uploader">       
         <noscript>   
              <p>Please enable JavaScript to use file uploader.</p>
              <!-- or put a simple form for upload here -->
            </noscript>
          </div>

jquery :

write this in document.ready so your html will get converted in to browse upload button

var uploader = new qq.FileUploader({
                 element: document.getElementById('content-uploader'),
                 action: 'upload.php',
                 onSubmit: function(id, fileName){
           // we can pass parameter here

                     uploader.setParams(params);
                 },
                 debug: true,
                 onComplete: function(id, fileName, content_data) {
           // function to do on complete

                 }
             });

–Ref :

http://valums.com/ajax-upload/

Advertisements

About rahul23134654

Hi, I am Rahul Meha , B.E. in (I.T.)
This entry was posted in UI Js. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s