multiple upload images on c#/jquery

Question

is there out there any multiple upload images easy to users to upload images like the activex file uploader on facebook.

but free :)

i update my questions i saw that everyone recommend about the flash uploader. i have the problem that i"m using sessions, i"m passing the user album id for relation to the image that been uploaded and the user id that uploded the image

this is the code in the first page

  <div id="divUploadImage" style="display: none;">
                    <FlashUpload:FlashUpload ID="flashUpload" runat="server" UploadPage="Upload2.axd"
                        OnUploadComplete="UploadComplete()" FileTypeDescription="Images" FileTypes="*.gif; *.png; *.jpg; *.jpeg"
                        UploadFileSizeLimit="3000000" TotalUploadSizeLimit="40000000" />
                    <asp:LinkButton ID="LinkButton1" runat="server"></asp:LinkButton>
                </div>

and the code after upload fire on the second page

public void ProcessRequest(HttpContext context)
        {

  for (int j = 0; j < context.Request.Files.Count; j++)
                {

 HttpPostedFile uploadFile = context.Request.Files[j];
  SaveImages(uploadFile, "", albumid,out returnPhotoId); // my function to save ,albumId is the session
                 }
}

thanks

Answer 1

Actually, It is done with Flash. There are a plenty of solutions on the internet. here is one from codeproject.

Answer 2

I used the library located at http://www.codeproject.com/KB/aspnet/FlashUpload.aspx for my project. It's pretty lightweight and lends itself well to modification.

Basically, it's a multi-file uploader written in Flex. It's straightforward enough that you can also bust open the code and make changes if you need to.

Answer 3

Try using uplodify. It uses flash as well, and I highly recommend it. It is a highly customizeable and free product.

For posting to another page after uploading all files:

Make 3 hidden fields like so:

<asp:HiddenField runat="server" ID="hdf_UserID" name="hdf_UserID"  />
<asp:HiddenField runat="server" ID="hdf_AlbumID" name="hdf_AlbumID" />
<asp:HiddenField runat="server" ID="hdf_ImageFiles" name="hdf_ImageFiles" />

and here is how you set up your button to post to the second page:

<asp:Button runat="server" ID="btn_Submit" PostBackUrl="YourPage.aspx" />

Once on the second page you can grab the information out of the request like so:

Request["hdf_UserID"].ToString()
Request["hdf_AlbumID"].ToString()
Request["hdf_ImageFiles"].ToString()

you can store all the files in the hidden field and I would recommend | delimited then you can just do a .split on the other page

For the .ahx page of the uploadify uploader:

using the scriptData option you can pass information to the second page.

 var auth = "<% = Request.Cookies[FormsAuthentication.FormsCookieName]==null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value %>"
 var user = $('[id$=hdf_UserID]').val();
 var album = $('[id$=hdf_AlbumID]').val();

 $('[id$=fileInput]').uploadify({
        'uploader': '../Uploadify/uploadify.swf',
        'script': '../Uploadify/Upload2.ashx',
        'scriptData': {'Token': auth, 'User': user, 'Album': album},

in the .ashx of uploadify you can get the scriptData by the following:

string user = context.Request["User"];
string album = context.Request["Album"];

This code is uploadify specific but hopefully it will help you understand yours

Answer 4

I've successfully used Uploadify with ASP.NET MVC to create a multi-file upload script with automatic image previews all inline with AJAX. One thing to keep in mind if you use Session variables in your upload action being hit by SWFUpload/Uploadify is that Flash gets its own SessionID and anything placed in the Session after a Flash upload request is placed in the Flash Session.

Answer 5

thank for your 5.Answer . I got user id in my web application using generic handler.