initial Picture:
When the picture is selected
----------------------------------------------------------------------------------
Front-end Code
<script src= "~/scripts/jquery-1.8.2.min.js" ></SCRIPT>
@using ( Html.BeginForm ("SaveFile", "Home", FormMethod.Post, new {enctype = "multipart/form-data"}))
{
<div class= "pa Geformcontent,
<script type= "Text/javascript";
var num = 0;
function fileselect (n) {
if ($ ("div [id*= ' div '] "). Length > 0)
{
num = parseint ($ (" div[id*= ' div ') "). Last (). attr (" id "). replace (" div "," ")) + 1;
else {
num = 0;
num++;
}
//alert ("num:" +num + "N:" +n);
if (num-1 <= N)
{
$ ("#DIV_Files"). Append (' <div id= ' DIV ' + num + ' "> <input name=" Files "type=" file " Multiple= "multiple" onclick= "fileselect (' + num + ')"/> <input type= "button" Name= "Delinput" value= "Remove" onclick= "D Elfile (div ' + num + ') "/></div>");
}
}
Function Delfile (SSS) {
$ (SSS). Remove ();
}
function onload () {
Fileselect (0);
}
</script>
<div id= "Div_files" style= "height:300px; width:450px; padding-left:10px; Background-color:gray; Overflow:scroll ">
<div>
<input id= "file" name= "Files" type= "file" multiple= "multiple" onclick= "fileselect (0)"/>
</div>
</div>
<input id= "Submit" type= "submit" value= "bulk upload"/>
@ViewBag. MSG
</div>}
----------------------------------------------------------------------------------
Code in HomeController
Public ActionResult Index (String message)
{
viewbag.msg = message;
return View ();
}
[HttpPost]
Public ActionResult SaveFile (ienumerable{
String msg = string. Empty;
foreach (HttpPostedFileBase file in files)
{
if (file! = null && file. ContentLength > 0)
{
File. SaveAs (Server.MapPath ("~/") + path.getfilename (file. FileName));
msg = "Suc";
}
Else
{
msg = "Fail";
}
}
Return redirecttoaction ("Index", "Home", new {message=msg});
}
MVC Batch Upload files