Hi,

I've trying to 'Delay Post Back' using AJAX Uploader. But the way I'm using it is that I have submit button on the page that first call the ajax uploader to upload and then when it is finished, I'll do the postback. They problem is if I do the postback write away after javascript (ClientSide) uploadDone is called the PostFiles in the ServerSide is empty but if I do setTimeout for about 500 milliseconds, then I'll get the files in the ServerSide Click event.

<asp:UpdatePanel ID="UpdatePanel123" runat="server">
<ContentTemplate>

<eo:AJAXUploader runat="server" ID="AJAXUploader1" Width="400px" TempFileLocation="~/eo_upload" ProgressDialogID="AJAXUploaderProgressDialog1" MaxFileCount="1" MaxDataSize="100000" ClientSideOnError="uploadError" ClientSideOnDone="uploadCompleted">
<LayoutTemplate>
<table cellspacing="0" cellpadding="2" width="400" border="0">
<tr>
<td>
<asp:PlaceHolder ID="InputPlaceHolder" runat="server">Input Box Place Holder</asp:PlaceHolder>
</td>
</tr>
</table>
</LayoutTemplate>
</eo:AJAXUploader>

<asp:Button ID="btnSubmit" runat="server" Text="Save" OnClick="btnSubmit_Click" OnClientClick="javascript:return upload();" />

</ContentTemplate>
</asp:UpdatePanel>

JavaScripts:

function upload() {
//Get the AJAX uploader
var uploader = eo_GetObject("AJAXUploader1");
if (uploader.isEmpty())
return true;

uploader.upload();
return false;
}

function uploadCompleted(sender) {
window.setTimeout(function() {
<%= Page.ClientScript.GetPostBackEventReference(btnSubmit, string.Empty) %>;
}, 500);
}

function uploadError(control, error, message) {
alert(error + ' ' + message);
}

ServerSide C# code:

protected void btnSubmit_Click(object sender, EventArgs e)
{
EO.Web.AJAXPostedFile[] aaa = AJAXUploader1.PostedFiles;
}

If you just change the window.setTimeout delay from 500 to zero, you'll get no files on the server side code.

Hi,

What you observed is an interesting behavior but indeed is how the code works. The AJAX uploader needs a short time (it also uses setTimeout(0)) in order to update its internal states. Only after those state information has been correctly updated, you will be able to post back the page and see PostedFiles. If you do it before, then it won't work. In your case, you can set the AJAXUploader's AutoPostBack to true instead of using ClientSideOnDone handler. That way the AJAXUploader will automatically posts back once upload is done.

The reason that your AJAXUploader is disabled after post back is because you have set MaxFileCount to 1. Remove that property and the uploader will be enabled again.

Thanks!

Hi,

The purpose of the property is to ensure that through our the whole session (until the browser close or page unload), the AJAXUploader can only be used post one file. If user want to upload another file, they must explicitly delete the previously uploaded file first. However in reality this property is rarely used.

Thanks!

Forgot to mention, I've tried on my Local Development on VS 2008 and VS 2012 and I've tried on two servers on IIS 7.5

So any if of those cases, I better clean-up the temp folder once in a while just ensure that disk-space is not wasted.

Hi,

No. You do not need to write code to clean up the temp file. As long as nobody else touch those files, the AJAXUploader will clean them up the next time it runs.

Thanks!