Multiple File Upload - JQuery

Riddhi Valecha

10y1.3k

Dear All...

I need the following -
When a user clicks a button, a panel must be opened.
Then, user will click "Browse" button and select only pdf and image file.
Then user must be able to drag and drop the selected files to the panel.
And then, wehn the user clicks "Done" button - All files must be uploaded - and the current date and time (system date and time) will prefix the file name.
Eg -
If files selected are -
1. ImageGlass.jpg - then - file must be - 1stMarch2016_ImageGlass.jpb
2. TestPolicy.pdf - then - file must be - 1stMarch2016_TestPolicy.pdf
-------
At a time, the user can select only 5 files.
---
Please help me -- I am not able to make this using JQuery and asp.net c#.
No MVC. Only 3-tire architecture.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Riddhi Valecha10y ago
Hi guys...

Thanks a ton for these links ....

But, I want to drag and drop files on some panel - just like we drag and drop controls in aspx page in asp.net.

I do not want to select the files.

Eg- In winforms, there is a way to drag and drop -

http://stackoverflow.com/questions/8550937/c-sharp-drag-and-drop-files-to-form

http://stackoverflow.com/questions/68598/how-do-i-drag-and-drop-files-into-a-c-sharp-application
--

THe same thing I need to do in asp.net web page / web form.
0
Munesh Sharma10y ago
http://www.aspsnippets.com/Articles/Multiple-File-Uploads-Gmail-Style-using-JQuery-and-ASP.Net.aspx
0
Chandu Kumawat10y ago
hi,............. refer this

http://www.aspsnippets.com/Articles/Multiple-File-Uploads-Gmail-Style-using-JQuery-and-ASP.Net.aspx

http://www.aspdotnet-suresh.com/2014/01/jquery-multiple-file-upload-with-progress-bar-aspnet.html

http://www.aspdotnet-suresh.com/2012/12/aspnet-upload-multiple-files-using.html

http://www.dotnetcurry.com/ShowArticle.aspx?ID=317

http://www.c-sharpcorner.com/UploadFile/prathore/multiple-file-upload-using-jquery-in-Asp-Net-3-5/
0
Pradeep Sahoo10y ago
Hi Ridhi,

Approach like this ,

.html file
Multiple file Upload

class="multi" accept="jpg|png" />

in C#
string fileName1 = "";
string FullName1 = "";
HttpFileCollection uploads = Request.Files;
for (int fileCount = 0; fileCount < 5; fileCount++)
{
if (fileCount < uploads.Count)
{
HttpPostedFile uploadedFile = uploads[fileCount];
fileName1 = Path.GetFileName(uploadedFile.FileName);
if (uploadedFile.ContentLength > 0)
{
string[] a = new string[1];
a = uploadedFile.FileName.Split('.');
fileName1 = a.GetValue(0).ToString() +
"." + a.GetValue(1).ToString();+ your datatime
uploadedFile.SaveAs(Server.MapPath
("path " + fileName1));
}
}

Hope this helps.
0