ajax httppostedfile,asp.net mvc - HttpPostedFile in File Upload process is NULL if I use AJAX - Stac...

最新推荐文章于 2024-03-13 15:44:25 发布

QuantumIQC

最新推荐文章于 2024-03-13 15:44:25 发布

阅读量213

点赞数

文章标签： ajax httppostedfile

该博客介绍了如何利用jQuery Form插件将表单以Ajax方式处理，支持文件上传。在后台，通过HttpPostedFileBase接收上传文件，并在成功上传后返回部分视图。在前端，使用jQuery的ajaxForm方法处理表单提交，显示上传成功提示。注意控制器中使用HttpPostedFileBase而非HttpPostedFile，以便于单元测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Because you cannot upload files using AJAX I would recommend you the excellent jquery form plugin which allows you to ajaxify your forms and supports file uploads. Behind the scenes the plugin generates a hidden iframe to handle the upload and is completely transparent to you:

Controller:

[HttpPost]

public ActionResult Upload(HttpPostedFileBase file)

{

// TODO: handle the file here

return PartialView("success");

}

And finally ajaxify the form:

$(function() {

$('#myForm').ajaxForm(function(result) {

alert('thank you for uploading');

});

Also notice the usage of HttpPostedFileBase instead of HttpPostedFile in the controller action. Being an abstract class this will simplify your unit tests.