插件使用是 webuploader,可自己网上下载
点击按钮打开一个新页面进行多图片上传,最后返回结果
这里相当打开一个新页面 传递参数,实际打开新页面根据自己项目进行修改
下面是实现图片上传所需的HTML以及js
<link rel="shortcut icon" href="images/favicon.ico">
<link href="~/Scripts/webuploader/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/Scripts/webuploader/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/Scripts/webuploader/css/style.css" rel="stylesheet" />
<link href="~/Scripts/webuploader/css/syntax.css" rel="stylesheet" />
<link href="~/Scripts/webuploader/css/webuploader.css" rel="stylesheet" />
<link href="~/Scripts/webuploader/css/demo.css" rel="stylesheet" />
<script type="text/javascript">
//编辑/新增提交
var ID = $.request("ID");
var IMGID = $.request("IMGID");
function submitForm() {
//获取的ID
var hd_id = $("#hd_id").val();
if (hd_id != "") {
top.Form.$('#' + ID).val(hd_id);
top.Form.$('#' + IMGID).attr("src", hd_id)
$.modalClose();
} else {
alert("图片路径不能为空!");
}
}
</script>
<div ></script>
//=============controller层实现代码========================
public ActionResult UpLoadProcess(string id, string name, string type, string lastModifiedDate, int size, HttpPostedFileBase file)
{
string filePathName = string.Empty;
string dateFile = DateTime.Now.ToString("yyyyMMdd");
string NowPath = "/Upload/" + dateFile + "/" + "MapSet/" + OperatorProvider.Provider.GetCurrent().UserCode;
string localPath = Server.MapPath(NowPath);
//判断文件夹是否存在
if (!System.IO.Directory.Exists(localPath))
{//不存在则创建
System.IO.Directory.CreateDirectory(localPath);
}
if (Request.Files.Count == 0)
{
return Json(new { jsonrpc = 2.0, error = new { code = 102, message = "保存失败" }, id = "id" });
}
string ex = Path.GetExtension(file.FileName);
filePathName = Guid.NewGuid().ToString("N") + ex;
file.SaveAs(Path.Combine(localPath, filePathName));
return Json(new
{
jsonrpc = "2.0",
id = id,
name = filePathName,
newfilepath = NowPath + "/" + filePathName,
filePath = dateFile
});
}
======================全部代码结束=====================================