在ASP.NET MVC 3 C#中处理从HTML表单上载文件

Question

我在PHP中有丰富的经验，但对ASP.NET还是个新手。我在网上找到了一些教程，这些教程让我走了这么远，但是我现在遇到了一些问题。

所以总结一下我想要完成的，我有一个页面，我想让用户提交比赛参赛作品。我使用一个HTML表单来收集东西，如条目标题，描述，并希望允许他们能够提交一个图像代表他们的条目。

当他们选择提供图像时，我希望使用类似于：//entry//entry-image的路径上传图像。

我的数据库将只保存一个表示图像路径的varchar。我还想给文件上传添加一些明显的验证，比如限制文件大小，只允许某些文件扩展名。图像应该用一些标准名称保存（如上面路径中的'entry-image')，覆盖可能已经在该条目目录中的任何图像。

现在，从HTML表单中获取文本输入不是问题，但获取文件却是问题。我目前还没有对表单进行验证，只是想让它在最基本的状态下工作。以下是我的HTML的截断版本：

<form method="post" action="../Entry/Create">
            <input type="text" id="EntryTitle" name="EntryTitle" />
            <p id="char-remaining">(100 characters remaining)</p>

            <input type="text" id="EntryVideo" name="EntryVideo" />
            <p id="vid-desc">(URL of the Video to Embed)</p>

            <input type="file" id="ImageFile" name="ImageFile" />
            <p id="file-desc">(200x200px, jpeg, png, gif)</p>

            <textarea id="EntryDesc" name="EntryDesc"></textarea>
            <p id="entry-desc"></p>
            <button id="new-entry-save">save</button>
</form>

下面是我在EntryController类中的创建操作：

public ActionResult Create(string EntryTitle, string EntryVideo, HttpPostedFileBase ImageFile, string EntryDesc)
    {
        if (Session["User"] != null)
        {
            User currentUser = (User)Session["User"];

            //string savedFileName = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, Path.GetFileName(ImageFile.FileName)); 
            //ImageFile.SaveAs(savedFileName);

            Entry newEntry = new Entry();

            newEntry.Title = EntryTitle;
            newEntry.EmbedURL = EntryVideo;
            newEntry.Description = EntryDesc;
            //newEntry.ImagePath = savedFileName;
            newEntry.UserId = currentUser.UserId;

            db.Entries.Add(newEntry);
            db.SaveChanges();


        }

        return RedirectToAction("MyPage", "User");
    }

你会注意到我有几行被注释掉了。如果没有注释，文本输入值就会很好地接收并存储在我的数据库中。但是，如果不加注释，则会在第一行注释掉的行上抛出NullReferenceException。

我在操作中使用的代码基本上是从教程中复制和粘贴的，我意识到如果它真的起作用，它就不能实现我上面写的目标，因为它没有检查文件扩展名或将文件名更改为标准的。

所以我的主要问题是：

1.）当我实际上在HTML表单上提供文件时，为什么会收到NullReferenceException？

2.）如何验证提交的文件？（大小、扩展名、尺寸等）

3.）如何将文件的名称更改为“entry-image”之类的？

Answer 1

如果还没有，请将enctype=“multipart/form-data”属性添加到表单元素中。

Answer 2

下面是对上面第2条的回答：

对视图Submit操作调用JavaScript函数

<input type="submit" id="thePageSubmit" value="Upload" onclick="return IsValidExtention();" /> 

然后在Javascript fuinction中执行如下操作

    function IsValidExtention() {
        var it = document.forms[0].elements["ImageFile"].value;
        it = it.substring(it.lastIndexOf('\\') + 1);
        if (it.length > 0) {
            if (it.toLowerCase().indexOf(".exe")!=-1) {
                alert("We are unable to upload .exe files.");
                return false;
            }
            if (it.toLowerCase().indexOf(".js") != -1) {
                alert("We are unable to upload .js files.");
                return false;
            }
        }
        else{
            return false;
        } 
        return true;
    }