How to bind gridview using Jquery after upload of the data using the Fileupload control

Posted by Santosh.impossible under ASP.NET on 10/22/2011 | Points: 10 | Views : 4082 | Status : [Member] | Replies : 1
Hi WebGurus,

Recently I was working on a requirement as mentioned below:

1. There is a webform containing FileUpload control and below it there is a gridiview control.
2. When user clicks the browse button of the Fileupload control and picks an image to upload the image should now be available in the gridview using Jquery.
3. The binding of the gridview with the image source from Fileupload control should be done using Jquery.

Can anyone help me out with any code sample.

Thanks In Advance,

Thanks & Regards,

santosh kumar patro


Posted by: SheoNarayan on: 10/22/2011 [Administrator] HonoraryPlatinum | Points: 25

Hi Santosh,

Read this article to upload the file using jQuery

To bind the uploaded file using jQuery, fire the jQuery post or get method to get the data for that grid (the file you use for get or post request should return the html of the grid) and keep it inside the div on the page. Written something like in this article

In the jQuery ebook you have bought, read the jQuery Ajax part and you should be able to do this easily.


Sheo Narayan

Santosh.impossible, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response