.NET MVC Dropzone 上传图片

最新推荐文章于 2020-09-21 14:25:32 发布

bain16466

最新推荐文章于 2020-09-21 14:25:32 发布

阅读量102

点赞数

文章标签：测试 json

原文链接：http://www.cnblogs.com/WJ--NET/p/6635630.html

版权

在nuget控制台输入：Install-Package dropzone


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Scripts/dropzone/dropzone.min.css" rel="stylesheet" />
    <script src="~/Scripts/dropzone/dropzone.min.js"></script>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
</head>
<body>
    <div class="container">
        <header>
            <div class="row">
            
                <div class="col-md-9 text-right"></div>
            </div>
        </header>
        <div class="row main" style="min-height:500px">
            <div class="col-md-12">

                <div class="row" style="margin-top:30px;">
                    <div class="col-md-3 col-xs-12 col-md-offset-3">
                        @*<form id="mydropzone" action="/sss/upload" class="dropzone"></form>*@
                        <div id="mydropzone" class="dropzone"></div>
                    </div>
                </div>
            </div>
        </div>

        <footer>
          
        </footer>
    </div>
    
    <script>
   var myDropzone = new Dropzone("div#mydropzone", {
		url: "@Url.Action("update","controller")",
		paramName: "file",
		maxFilesize: 100, // MB
		maxFiles: 5,
		acceptedFiles: ".jpg,.png,.gif",
		success: function (data) {
		    alert(data);
		},
		dictDefaultMessage: "点击上传图片",
		dictInvalidInputType: "请选择格式为jpg,png,gif格式的图片",
    
		addRemoveLinks: true,
		dictRemoveFile: "移  除",
		init: function () {
		   
		    this.on("removedfile", function (file) {
		        debugger;
		        $.ajax({
                    type:"post",
                    url:"/sss/delete",
                    data:JSON.stringify({ id: file.name }),
                    contentType:"application/json;charset=utf-8",
                    success: function (data) {
                        if (data > 1)
                        {
                            alert("删除成功！！");
                        }
                    }
                    
		        });

		      
		    });
		}

   });
    </script>
</body>
</html>

 public class sssController : Controller
    {

        public string path;
        // GET: sss
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public ActionResult upload() {
            HttpFileCollectionBase coll = Request.Files;
            string fileName = "";
            string fileExtension = "";
            string filePath = "";
            
            foreach (string item in coll)
            {
                HttpPostedFileBase file = Request.Files[item];
                if (file != null && file.ContentLength > 0)
                {
                    fileName = file.FileName;
                    fileExtension = Path.GetExtension(fileName);
                    filePath =Server.MapPath("/Content/photo/")+fileName;
                    path = filePath;
                    file.SaveAs(filePath);
                }
            }
            return Json("ok");
        }
        [HttpPost]
        public ActionResult delete(string id)
        {
            string  filePath = Path.Combine(Server.MapPath("/Content/photo"), id);
            int  res = 0;
            if (System.IO.File.Exists(filePath))
            {
                System.IO.File.Delete(filePath);
                res = 10;
            }
            return Json(res);

           
        }
    }

转载于:https://www.cnblogs.com/WJ--NET/p/6635630.html