我有一个 ASP.NET MVC 5 应用程序。我正在尝试发送带有模型数据的 POST 请求,并且还包括用户选择的文件。
这是我的 ViewModel(为了清晰起见进行了简化):
public class Model
{
public string Text { get; set; }
public long Id { get; set; }
}
这是控制器操作:
[HttpPost]
public ActionResult UploadFile(long userId, Model model)
{
foreach (string file in Request.Files)
{
// process files
}
return View("Index");
}
Html 输入元素:
<div>
<input type="file" name="UploadFile" id="txtUploadFile" />
</div>
JavaScript 代码:
$('#txtUploadFile').on('change', function (e) {
var data = new FormData();
for (var x = 0; x < files.length; x++) {
data.append("file" + x, files[x]);
}
data.append("userId", 1);
data.append("model", JSON.stringify({ Text: 'test text', Id: 3 }));
$.ajax({
type: "POST",
url: '/Home/UploadFile',
contentType: false,
processData: false,
data: data,
success: function (result) { },
error: function (xhr, status, p3, p4) { }
});
});
问题是,当请求到达控制器操作时,我填充了文件和“userId”,但“model”参数始终为空。填充 FormData 对象时我做错了什么吗?