Javascript上传文件MVC4操作
Javascript Upload File MVC4 Action
通过发布这样的文件,mvc4的控制器操作应该是什么样子?
Html
<form enctype="multipart/form-data">
<input name="file" type="file" />
<input type="button" value="Upload" />
</form>
Javascript
$(':button').click(function(){
var formData = new FormData($('form')[0]);
$.ajax({
url: 'api/fileupload', //server script to process data
type: 'POST',
xhr: function() { // custom xhr
var myXhr = $.ajaxSettings.xhr();
if(myXhr.upload){ // check if upload property exists
myXhr.upload.addEventListener('progress',progressHandlingFunction, false); // for handling the progress of the upload
}
return myXhr;
},
//Ajax events
beforeSend: beforeSendHandler,
success: completeHandler,
error: errorHandler,
// Form data
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
contentType: false,
processData: false
});
});
看起来上传文件的正常MVC操作会起作用:
[HttpPost]
public ActionResult fileupload(HttpPostedFileBase file)
{
// do something with file.InputStream
}
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 如何确定javascript已经完成了某些操作.ios上的
- 防止Alt+Shift默认操作或检测多种操作系统语言的Javascript
- 从JavaScript访问struts操作中的属性
- fluxxor向一个flux实例添加一组以上的操作
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 操作放置在画布上的元素之间的连接
- 使用“+="操作人员
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- Jquery未定义函数正在停止其他操作
- 如何操作iframe之外的元素
- javascript对象操作:根据指定条件选择属性
- jQuery:暂停按钮可以暂停所有其他操作
- 如何从 MVC4 链接调用 Javascript 方法(错误 JavaScript 运行时错误:对象不支持此操作)
- 如何在 mvc4 控制器操作的 httpget 上将缓存设置为 false
- 从更改事件调用操作结果 [MVC4]
- Javascript上传文件MVC4操作
- 如何从单选按钮中提取值并通过ajax将其传递给操作.mvc4中的Actionlink
- 无法在MVC4操作结果中获取查询字符串值