我试图让用户上传文件。
我有一个简单的开始表单,其中包含一个文件元素,如下所示:
@using (Html.BeginForm("LoadData", "Input", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div style="width:23%; display:inline-block;">
<label>Select Type:</label>
<select name="UploadType">
<option value="First">First</option>
<option value="Second">Second</option>
</select>
</div>
<div style="width:43%; display:inline-block;">
<input type="file" name="files1" id="files1" />
</div>
<div style="width:33%; display:inline-block;">
<input type="submit" value="Upload"/>
</div>
}
控制器是:
[HttpPost]
public ActionResult LoadData(string UploadType, HttpPostedFileBase file1)
{
if(file1 != null && UploadType != null)
{
Console.WriteLine(file1.FileName);
Console.WriteLine(UploadType);
}
}
一切都在网站上显示和工作,但当它回发时,文件为空。我查看了许多谷歌搜索结果,包括:
Binding HttpPostedFileBase using Ajax.BeginForm
http://www.aurigma.com/upload-suite/developers/aspnet-mvc/how-to-upload-files-in-aspnet-mvc
等等。他们都说我的东西是正确的。只要名称在文件输入和控制器参数上匹配,它就应该有效。但事实并非如此。
我已尝试将其命名为文件,文件和现在的文件1,但不管我称之为什么,它都会返回null。
我做错了什么?我甚至尝试检查Request.Files,但是说它的计数为0.
答案 0 :(得分:1)
哇现在已经老了,甚至没有给出正确的答案(投票给什么?)。
到目前为止,我已经找到了一个有效的答案。
对于遇到此问题的任何人,javascript都是您的朋友。
我最终使用javascript来处理文件。这是工作代码:
Javascript(它现在允许多个文件):
function SendData() {
var formData = new FormData(document.querySelector('UploadForm'));
for(var i = 0; i < $('#file')[0].files.length; i++)
{
formData.append('files', $('#file')[0].files[i]);
}
formData.append('samplevalue', $('#samplevalue').val());
var url = $('#baseUrl').val() + 'Input/LoadData';
$.ajax({
url: url,
type: 'POST',
data: formData,
processData: false, // tell jQuery not to process the data
contentType: false, // tell jQuery not to set contentType
success: function (data) {
// your logic....
},
error: function(data)
{
// logic....
}
});
}
然后控制器接受
public string LoadData(string samplevalue, HttpPostedFileBase[] files)
{
}
当然诀窍是javascript。我仍然不知道为什么表单不能正常工作,但这完美无缺。 :)
答案 1 :(得分:-1)
您的文件输入名为files1
,但您的操作参数为file1
(无s
)。
答案 2 :(得分:-1)
@using (Html.BeginForm("MethodName", "ControllerName", FormMethod.Post,
new { enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
<input type="file" name="ImgUploader" id="ImgUploader" />
<input type="submit" value="Create" class="btn btn-default" />
}
**Your Controller**`[HttpPost]
public ActionResult Create()
{
HttpPostedFileBase file = Request.Files["ImgUploader"];
}