插件使用是 webuploader,可自己网上下载

点击按钮打开一个新页面进行多图片上传,最后返回结果

asp.net mvc 多图片上传

 

asp.net mvc 多图片上传

asp.net mvc 多图片上传

asp.net mvc 多图片上传

 

 

asp.net mvc 多图片上传

这里相当打开一个新页面  传递参数,实际打开新页面根据自己项目进行修改

 

asp.net mvc 多图片上传

 

 

下面是实现图片上传所需的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
            });

        }

======================全部代码结束=====================================

 

相关文章: