@using (Html.BeginForm ("Index_load", "Index_", New {}, FormMethod.Post, new {@id = "form0", @class = "Form-horizontal", @enctype = "Multipart/form-data"}))
{
<div>
<input type= "File" Name= "File0" id= "FILE0" multiple= "multiple"/>
<br><br>
<br/><br/>
</div>
<div>
< Input type= "file" Name= "File1" id= "file1" multiple= "multiple"/>
<br& Gt;<br> <br/><br/>
</div>
<div>
<input type= "File" Name= "File2" id= "file2" multiple= "multiple"/>
<br><br>
<br/><br/>
</div>
<div>
<input type= "File" Name= "File3" id= "file3" multiple= "multiple"/>
<br><br>
</div>
<input type= "Submit" value= "Submission"/>
}
<script>
$ (function () {
$ ("#form0 input[type= ' file ']"). each (function () {
$ (this). Change (function () {
var objurl = Getobjecturl (This.files[0]);
var img_id = "Img_" + $ (This). attr ("id");
Console.log ("img_id =" + img_id);
if (Objurl) {
$ ("#" + img_id). attr ("src", objurl);
$ ("#" + img_id). Removeclass ("Hide");
}
})
})
})
function Getobjecturl (file)
{
var url = null;
if (window.createobjecturl!=undefined)
{//Basic
url = window.createobjecturl (file);
}
else if (window. url!=undefined)
{
Mozilla (Firefox)
url = window. Url.createobjecturl (file);
}
else if (window.webkiturl!=undefined) {
WebKit or Chrome
url = window.webkitURL.createObjectURL (file);
}
return URL;
}
</script>,
Background code
MVC upload Image Preview, support multi-image upload