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 . ...

Session初识

web服务器没有短期记忆,所以需要使用session来跟踪用户的整个会话活动.会话管理有3种解决方案: 1)使用隐藏域(很少使用) 在显示页面中使用隐藏域来保存会话ID.例如,在JSP中将input标 ...

分享两个模拟get和post方法的工具类，让应用能够与服务器进行数据交互

很久没有码字了,今天跟大家分享一个模拟get和post方法的工具类,在安卓应用中很多都需要跟服务器进行数据交互,这需要两方面的配合,首先服务器端会给应用提供一些数据交互的接口,可是怎样在应用中去调用呢 ...

Countly在andoid和vps集成使用,开源的统计分析sdk

这几天项目需要,简单研究了一下countly,说实话完全满足项目需要,比umeng这类产品干净多了. Countly Mobile Analytics 下面就讲一下android 集成的过程,以及 服 ...

安装MySQL在最后的start service停住了解决方法

今天自己安装mysql在start service卡住了,原来是以前安装过,但是没有删干净.通过下面的方法解决了,特分享下 由于我的MySQL不知道什么原因突然打不开了并报了个10061的错,查了下原 ...

LeetCode——TwoSum

题目: Given an array of integers, find two numbers such that they add up to a specific target number. ...

IIS URL Rewrite Module防盗链规则配置方法

IIS版本:IIS 7.5 URL Rewrite组件:IIS URL Rewrite Module(http://www.iis.net/downloads/microsoft/url-rewrit ...

java去除数组重复元素的方法

转载自:https://blog.csdn.net/Solar24/article/details/78672500 import java.util.ArrayList; import java.u ...