ajax.beginform js提交,【转】利用Ajax.BeginForm提交文件

Ajax.BeginForm

@using (Ajax.BeginForm("YourAction", "YourController", new AjaxOptions() { HttpMethod = "POST" }, new { enctype = "multipart/form-data"}))

{

@Html.AntiForgeryToken()

}

Action Method

[HttpPost]

[ValidateAntiForgeryToken]

public void YourAction(IEnumerable files)

{

if (files != null)

{

foreach (var file in files)

{

// Verify that the user selected a file

if (file != null && file.ContentLength > )

{

// extract only the fielname

var fileName = Path.GetFileName(file.FileName);

// TODO: need to define destination

var path = Path.Combine(Server.MapPath("~/Upload"), fileName);

file.SaveAs(path);

}

}

}

}

【引者注.有时加入 [ValidateAntiForgeryToken]注解会出错，具体原因不明，可删除这行注释】

Progress Bar

0%

Jquery & Form script

(function() {

var bar = $('.progress-bar');

var percent = $('.progress-bar');

var status = $('#status');

$('form').ajaxForm({

beforeSend: function() {

status.empty();

var percentVal = '0%';

bar.width(percentVal)

percent.html(percentVal);

},

uploadProgress: function(event, position, total, percentComplete) {

var percentVal = percentComplete + '%';

bar.width(percentVal)

percent.html(percentVal);

},

success: function() {

var percentVal = '100%';

bar.width(percentVal)

percent.html(percentVal);

},

complete: function(xhr) {

status.html(xhr.responseText);

}

});

})();

MVC Ajax.BeginForm 提交上传图片

吃水不忘挖井人,如果对你有帮助,请说声谢谢.如果你要转载,请注明出处.谢谢! 异步提交时,出现图片不能上传. 起初我定格在  System.Web.Mvc  中.查询源码时,也是没有问题的.那问题出现 ...

Asp.net MVC利用Ajax.BeginForm实现bootstrap模态框弹出，并进行前段验证

1.新建Controller public ActionResult Index() { return View(); } public ActionResult Person(int? id) { ...

Asp.net Mvc Ajax.BeginForm提交表单

之前Mvc中一直用Html.BeginForm提交表单,即如下: @using (Html.BeginForm("Add", "News", FormMetho ...

利用ajax.dll类库文件实现无刷新

使用这种方法前需要配置相应的环境 1.引用ajax.dll文件 2.在web.config添加如下:    

ajax方式提交文件到后台同时加其他参数

struts2后台Action方法,直接用参数成员变量对象的属性接收即可

MVC Ajax.BeginForm重复提交解决方法

mvc使用MVC Ajax.BeginForm提交的时候有重复提交结果的时候检查相关js文件引用情况, 其中mvc4注意 1 2 3 4 @Scripts.Render("~/bundles ...

ajax上传文件显示进度

下面要做一个ajax上传文件显示进度的操作,文末有演示地址 这里先上代码: 1.前端代码 upload.html

mysql表与表之间数据的转移

1.相同表结构 INSERT INTO table1 SELECT * FROM table2; 2.不同表结构 INSERT INTO table1(filed1,...,filedn) SELEC ...

zabbix 3.2.4 使用详解

一:zabbix简介及原理 二:zabbix添加主机: /usr/share/zabbix/include/locales.inc.php   #这里为zabbix语言包路径‘zh_CN’ 为true ...

08策略模式Strategy

一.什么是策略模式 Strategy模式也叫策略模式是行为模式之一, 它对一系列的算法加以封装,为所有算法定义一 个抽象的算法接口,并通过继承该抽象算法接口 对所有的算法加以封装和实现,具体的算法选择 ...

Ubuntu16.04安装OpenCV3.2以及PCL1.8

最近在学习slam14讲,需要配置一些环境 这本书中已经给出如何配置相关环境的比较详细的说明,但是有些环境并无卵用,比如OpenCV以及PCL 这里给出自己屡试不爽的 ...