//index页面 多图片
<div class="layui-form-item" style="margin-right:30px">
<label class="layui-form-label" style="margin-left:0px">首屏缩略图片</label>
<div class="layui-input-block">
<input name="FirstthumbnailImg" id="txtBusinessLicence" type="file" style = "width:300px" />
<span id="sFirstthumbnail" style="color:red">@Html.ValidationMessageFor(x => x.Firstthumbnail)</span>
</div>
<div class="layui-input-block">
<img id="GetBusinessLicenceImg" />
</div>
</div>
<div class="layui-form-item" style="margin-right:30px">
<label class="layui-form-label" style="margin-left:0px">商品缩略图片</label>
<div class="layui-input-block">
<input type="button" value="添加图片" οnclick="app();" id="btnInsertImg" />
<span id="sComthumbnail" style="color:red">@Html.ValidationMessageFor(x => x.Comthumbnail)</span>
</div>
<div class="layui-input-block">
<img id="GetBusinessLicenceImg" />
<div id="imgContainer">
</div>
</div>
</div>
function app() {
$("#imgContainer").append("<div style=\"margin-top:10px;\">" +
"<input name=\"ComthumbnailImg\" id=\"txtBusinessLicence\" type=\"file\" />" +
"<input type=\"button\" value=\"删除\" οnclick=\"delfile(this)\" />" +
"<input type=\"button\" value=\"上移\" οnclick=\"up(this)\" />" +
"<input type=\"button\" value=\"下移\" οnclick=\"down(this)\" />" +
"</div>");
}
function delfile(obj) {
$(obj).parent().remove();
}
function up(obj) {
$(obj).parent().prev().before($(obj).parent());
}
function down(obj) {
$(obj).parent().next().after($(obj).parent());
}
//Controller中
//添加
HttpPostedFileBase Firstthumbnail = Request.Files["FirstthumbnailImg"];string path = Server.MapPath("~/image/");
string fileName=UploadImage.UploadAndGetFileName(path, Firstthumbnail);
model.Firstthumbnail = fileName;
HttpFileCollectionBase files = Request.Files;
if (files != null)
{
if (files.Count != 0 && files.Count != 1)
{
List<string> fileNameList = new List<string>();
for (int i = 1; i < files.Count; i++)
{
HttpPostedFileBase file = files[i];
string filename = file.FileName;
fileNameList.Add(filename);
file.SaveAs(path + file.FileName);
}
string fileNames = string.Join(",", fileNameList.ToArray());
model.Comthumbnail = fileNames;
}
else
{
model.Comthumbnail = "无";
}
}
//修改
HttpPostedFileBase Firstthumbnail = Request.Files["FirstthumbnailImg"];
string path = Server.MapPath("~/image/");
if (Firstthumbnail != null && Firstthumbnail.FileName != "")
{
string name = Firstthumbnail.FileName;
string jpname = Path.GetExtension(name);
Firstthumbnail.SaveAs(path + jpname);
model.Firstthumbnail = Firstthumbnail.FileName;
}
HttpFileCollectionBase files = Request.Files;
if (files != null)
{
if (files.Count != 0 && files.Count != 1)
{
List<string> fileNameList = new List<string>();
for (int i = 1; i < files.Count; i++)
{
HttpPostedFileBase file = files[i];
string filename = file.FileName;
fileNameList.Add(filename);
file.SaveAs(path + file.FileName);
}
string fileNames = string.Join(",", fileNameList.ToArray());
model.Comthumbnail = fileNames;
}
}