input id=”fileUploadElement” type=”file” name=”fileUploadElement” runat=”server” />

input id=”uploadNow” name=”uploadNow” type=”submit” onclick=”return ExecuteUpload()” value=”Upload now” />

/form>

div style=”font-size:75%;margin-left: 10px” id=”ListOfFiles”

div style=”display:none” id=”idHolder”>

%=fileUploadElement.ClientID%>

script type=”text/javascript”>
// Create an instance of the multiSelector class, pass it the output target and the max number of files
var multiSelector = new MultiSelector( document.getElementById( ‘ListOfFiles’ ), 3 );
// Pass in the file element
multiSelector.addElement( document.getElementById(document.getElementById(’idHolder’).innerHTML));
/script>

You need to set the attribute runat=”server” to the file input tag to be able to retrieve uploaded file. Then in order for the client script to work correctly, you need to generate the ClientID of that server control to be used by multiSelector.addElement method.

What I used is something like this:

// Create an instance of the multiSelector class, pass it the output target and the max number of files
var multiSelector = new MultiSelector( document.getElementById( ‘ListOfFiles’ ), 3 );
// Pass in the file element
multiSelector.addElement( document.getElementById(document.getElementById(’idHolder’).innerHTML));

The idea is to use a hidden div (idHolder) to hold the ClientID of the server file input control so that the JS script could know its client id.

And then here is the server code to save the uploaded files:

HttpFileCollection uploadedFiles = System.Web.HttpContext.Current.Request.Files;
for (int i = 0; i 0)
{
string filePath = @”C:\” + Path.GetFileName(file.FileName);
file.SaveAs(filePath);
}
}

Hope this helps!

Quan

<div id="cont” class=”galleryBoxContaine”>

CONTENT IS LOADED HERE !!!!!

var container = new Spry.Widget.HTMLPanel(”cont”, { evalScripts: true });

I even try to place everything in between the container manually not loading it through Spry HTMLPanel and it is working …
So the problem is not in the page design, CSS rules but in the Spry HTMLPanel! Please if anyone has an idea of what is wrong or how can I run around to make it work I will be very thankful!
Thanks in advance!!!