3

我的视图模型如下所示：

public class UploadImageForm
{
    public string Name { get; set; }
    public HttpPostedFileBase Image { get; set; }
}

但它呈现为：

<img src="http://i.imgur.com/E4sRP.png" />

当.cshtml看起来像这样时：

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>ImageMeta</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Image)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Image)
            @Html.ValidationMessageFor(model => model.Image)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

如何让它显示一个标准的<input type="file">上传控件？我不确定如何自定义“编辑器”，或者它是否会正确上传。

通过智能感知发现了这些Html.IdFor和.NameFor助手。现在我可以这样做：

<input id="@Html.IdFor(m => m.Image)" type="file" name="@Html.NameFor(m => m.Image)"/>

我非常喜欢它，因为它避免了创建映射的魔术字符串。仍在试图弄清楚是否有完整输入的 Html 助手，如果没有，如何创建一个。

4

1 回答 1

2

不太确定是否有用于文件输入（上传）的 razor html 助手。但是您可以使用纯 html 输入语法。

@using (Html.BeginForm("Create", "ImageFile", FormMethod.Post, new {enctype = "multipart/form-data"})) {
    <input type="file" name="file1" id="file1" />
}

编辑： ImageFileController 动作看起来像这样：

[HttpPost]
public ActionResult Create(HttpPostedFileBase file) {

  if (file.ContentLength > 0) {
    string name = Path.GetFileName(file.FileName);

    // HINT: Im uploading to App data folder!
    string path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
    file.SaveAs(path);
  }
  return RedirectToAction("Index");
}

此外，您可以从这里找到Microsoft.Web.Helpers命名空间中的一些剃刀助手。

于 2012-09-05T02:59:58.020 回答