User-1952463932 posted
Sure here is some of the ASPX code.
<div id="divImage1" runat="server" ClientIDMode="Static" ondrop="drop(event)" ondragover="allowDrop(event)">
<asp:Image runat="server" ID="Image1" Height="180px" Width="240px" draggable="true" ondragstart="drag(event)"/>
<cc1:AjaxFileUpload runat="server" ID="afuFileUpload1" Width="400px" MaximumNumberOfFiles="1"
OnUploadComplete="afuFileUpload1_UploadComplete" OnUploadCompleteAll="afuFileUpload1_UploadCompleteAll"
Height="180px" OnClientUploadStart="showWaitCursor" OnClientUploadCompleteAll="uploadCompleteAll" />
</div>
There are 4 more divs like divImage1 and they contain only an asp:Image control, there is no AjaxFileUpload control. At first when there are no pictures Image1 is not visible and only the AjaxFileUpload is. The maximum number of files
is set to 5. Let's assume that the user uploads only one file. Then Image1 becomes visible and displays the image that was uploaded. And from the code-behind the parent control for the AjaxFileUpload is set to divImage2, and divImage2 is
made vsibile.
I cannot set the parent of the AjaxFileUpload when the server side OnUploadCompleteAll fires so instead when the OnclientUploadCompleteAll fires I do a post back (__doPostBack).
function uploadCompleteAll() {
__doPostBack("uploadCompleteAll", "");
}
The is the client side function that is called when CompleteAll should fire.
It's during that post back I'm able to set the parent properly.
divImage2.Controls.Add(afuFileUpload1);
At this point I also set the maximum number of files to 4.
Now lets say the user uploads 1 file again. The process repeats itself except this time Image2 becomes visible with the new image, and divImage3 becomes the parent of the AjaxFileUpload. The can continue one file at a time, or more up
to the point where a 4 images are uploaded. However any combination where the fifth file is uploaded whether it be five files at once or a single file because there are already 4 or anything in between neither the client or the server side complete events
fire. The server side UploadComplete event however does fire. So all five files make it to the server and are available to be displayed but because the complete event never fires the page never sees them.
I even tried to force the page to do a redirect to itself within the OnUploadComplete if it was for the 5th file, but even that has no effect. If however you manually refresh the page <F5> or navigate to a different page and back, everything
is good.
There are a couple of other things going on here at the same time: reorder, and delete. Reordering the images is done by dragging and dropping an image from one div to another. When this occurs I fire a __doPostBack and the server code
reorders the images and shows them in the appropriate image control. Note that this means that Image1 will always be in divImage1 and so on, it is the image information that is updated for the image control. Delete is done using a standard button
that becomes visible below the image when the image control is actually displaying an image. If the user clicks the delete button then the server side code drops the image data for that particular image and then moves the image data from other images
appropriately and then hides the last image control, and shows the AjaxFileUpload control in the appropriate place. For example if there were 5 images and the user deleted image 3, nothing would happen to images 1 and 2, however image 4 would now be
displayed in the Image3 control, and image 5 in the Image4 control. The Image5 control would be made invisible, and the AjaxFileUpload control would be made visible and have its parent set to divImage5.
