MVC5控制器无法从HTML文件输入

时间:2016-05-25 16:53:03

标签: html asp.net-mvc

我试图让用户上传文件。

我有一个简单的开始表单,其中包含一个文件元素,如下所示:

 @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

MVC 4 Razor File Upload

http://www.aurigma.com/upload-suite/developers/aspnet-mvc/how-to-upload-files-in-aspnet-mvc

等等。他们都说我的东西是正确的。只要名称在文件输入和控制器参数上匹配,它就应该有效。但事实并非如此。

我已尝试将其命名为文件,文件和现在的文件1,但不管我称之为什么,它都会返回null。

我做错了什么?我甚至尝试检查Request.Files,但是说它的计数为0.

3 个答案:

答案 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"];
}