Progress Indicator With FileUpload control

Question

I have a web page which I want people to be able to upload content to. (There will only be a small number of people using it, as it is access restricted, so I'm not too worried about any DOS type attacks.) I'm using a fileUpload control to do this: ``` protected void Button1_Click(object sender, EventArgs e) { if (fileUploader.HasFile) try { fileUploader.SaveAs(Server.MapPath("Uploads\") + fileUploader.FileName); errorMessage.Text = "File name: " + fileUploader.PostedFile.FileName + "
" + fileUploader.PostedFile.ContentLength + " kb
"; } catch (Exception ex) { errorMessage.Text = "ERROR: " + ex.Message.ToString(); } else { errorMessage.Text = "You have not specified a file."; } } ``` The files can be up to 50MB (I have changed the web.config to allow this). The problem I have is that with large files the user can't see the progress of the upload. I want to know how I can display the progress on the page so the user can see something is happening. Not fussed about anything fancy…

Accepted Answer

This answer is not specific to ASP...

A file upload is typically done by making an `HTTP POST` request with `Content-type: multipart/form-data`. This includes the file body in one of the parts of the request body.

So within a given browser tab, there can only be one page loading at a given time. The short answer is, unless you get really fancy with iframes (one for status, one for upload), you will not be able to show the status.

However, if you use Flash, you can. http://www.uploadify.com/ is a great little front-end plugin (for jQuery) which allows the user to select multiple files, and uploads them all, showing the status along the way. I just plugged it into a site that limits uploads to 64M. Works awesome.

Progress Indicator With FileUpload control

Solution

Problem