在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); }
}

  

.NET MVC Dropzone 上传图片的更多相关文章

  1. spring mvc 的上传图片是怎么实现的?

    spring mvc 的上传图片是怎么实现的? 导入jar包,commons-io.jar 及 commons-fileupload.jar 在springmvc的配置文件中配置Mutipart解析器 ...

  2. mvc实现上传图片(上传和预览)webuploader

    笔者看到mvc最近比较流行,而很多使用一些比较旧的的方法上传图片,再次安利一下百度的webuploader控件吧 webuploader第一步要先下载一些插件这点可以在webuploader官网上下载 ...

  3. ASP.NET MVC 4 - 上传图片到数据库

    这里演示如何在MVC WEB应用程序如何上传图片到数据库以及如何在WEB页面上显示图片.数据库表对应整个Model类,不单图片数据一个字段,我们从数据表的定义开始: CREATE TABLE [dbo ...

  4. MVC异步上传图片到本地/服务器

    这两天朋友问我,有没有异步上传图片到本地/服务器这种demo,他有用, 我就想,好吧, 那刚好周末了,整理一套出来. 主要用到的是jquery uploadify 这个juqery的插件 ,可以无刷新 ...

  5. 使用Dropzone上传图片及回显演示样例

    一.图片上传所涉及到的问题 1.HTML页面中引入这么一段代码 <div class="row"> <div class="col-md-12" ...

  6. MVC ajaxSubmit上传图片

    注意事项: 1.提交form,必须引用jquery.form.min.js 2.不要使用mvc自带的Ajax.Form() 1.页面cshtml <form name="frmInpu ...

  7. jquery.uploadify+spring mvc实现上传图片

    一.前端页面 1.下载jquery.uploadify 去uploadify官网(http://www.uploadify.com/download/)下载压缩包,解压后放在如下路径: 2.html结 ...

  8. MVC实现上传图片的方法

    Form提交时,须注意form需要添加属性enctype="multipart/form-data",否则Request.Files.Count=0,无法上传图片. cshtml代 ...

  9. mvc中上传图片到指定文件夹中

    前台: @using (Html.BeginForm("AddImg", "UpFileImg", FormMethod.Post, new { enctype ...

随机推荐

  1. Android中图片旋转

    Activity_main.xml文件配置 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/androi ...

  2. jquery mobile在移动设备上显示太大问题

    head里边加入这个会让客户端元素很大...宽度都是device-width,不过比较大! <meta name="viewport" content="width ...

  3. springdatajpa使用informix数据库出现no such column 异常的问题

    本博客属原创,转载请注明出处 问题描述: 环境: spring data jpa版本4.0.3 informix驱动版本3.50.JC9 程序结构 jpa配置文件对应的jdbc配置 dao层继承jpa ...

  4. java中4种修饰符访问权限的区别及详解全过程

    java中4种修饰符访问权限的区别及详解全过程 http://jingyan.baidu.com/article/fedf0737700b3335ac8977ca.html java中4中修饰符分别为 ...

  5. java并发的一些杂乱小结

    1.java语言本身就提供了多线程机制,这样即使在单任务的操作系统上也可以实现多线程,这也是java语言本身"编写一次,到处运行"的特性. 2.并发要解决的问题本质上是:多个线程同 ...

  6. 2018秋招blibli算法工程师

    我给出代码如下:和之前做数塔(dp的入门题目)的思路一致 dp[i][j]为走到坐标(i,j)的最小减速(只有向右走和向上走两种情况) #include<stdio.h> #include ...

  7. MySQL安装部署

    MySQL安装部署 使用自动化脚本

  8. 树状数组求LIS

    我真的是咸鱼啊 多少年前的基础了我竟然才弄明白,哭 用树状数组维护<=x的最上上升子序列的最大值即可啊Orz 我真的菜的一笔啊! #include <bits/stdc++.h> u ...

  9. maven项目发布后访问jsp页面报错

    type Exception report message java.lang.NullPointerException description The server encountered an i ...

  10. PHP学习总结(4)——PHP入门篇之PHP计算表达式

    计算表达式 不同于HTML和CSS,在php中我们可以做计算,比如我们写入echo 12*3计算机会计算出结果36.如下代码: <?php echo 12*3;?>