Ajax Upload

Hi all,

   I want to  upload a file in an Ajax based, just a button click it should open the browse window,selects and upload to the server. How can I achieve this.

  Any new Ajax controls available in .Net 3.5.

Thanks,

Rejeev.

Hi Rajeev

I don't think we can use Ajax for upload files. And as per my understanding, ASP.Net using the classic(?) HTML controls for rendering the server controls. So if you want to upload a file you need to use INPUT Type="File" tag. And it behave differently in different browsers, for Chome and Safari, you will get only browse button, and For IE the textbox is editable and in Mozilla / Firefox it is readonly. And you can simulate Ajax uploading using IFrames. I dont think, using javascript only you can upload a file.

You can use flash based uploaders with AJAX.

Google search gave me this ... http://www.webtoolkit.info/ajax-file-upload.html

Wont this work?? I am sure Ajax upload is possible I have done it some time back using php and ajax!

Shoban

Shoban,

I dont think we can use Javascript to access file system, via Browser, and if that can happen, may be only in IE.

It is not 'ajax' but some 'tricks' doing this 'ajax file upload job'. End user will have the feeling, he uploaded the file using ajax

I think it is using IFrame, we are posting the File Content to a CSS Hidden IFrame in the Page, and the IFrame contains a Page, which will upload the File. So only the IFrame will refresh, not the entire page. So the users will get a feeling like it is doing with AJAX.

Please check this http://stackoverflow.com/questions/527955/file-upload-using-javascript-withouth-page-refresh

I think it is using Hidden IFrame. It is not Ajax, it is HTTP Posting, but the IFrame is hidden, so the users won't feel is the Page Refresh.

I am not able to use 'FileUpload' control or 'Input type="file" ', i just need onlya Button which pops up a browse button and upload the file, Like the Gmail Uploading...

I got a good example,

http://aspalliance.com/1441_Building_a_Gmail_Style_File_Uploading_System_using_ASPNET_20.3

But this only works in IE

Thanks,

Rejeev.

Hi Rajeev

 try  Ajax Tool kit Animation

http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Animation/Animation.aspx

then place ur upload control inside a div of the animation control

also ref : http://en.fileuploadajax.subgurim.net/