संपादक के लिए <इनपुट प्रकार = "फ़ाइल"> बनाने के लिए इस्तेमाल किया जा सकता है?

Question

इस मॉडल को देखते हुए, क्या पृष्ठ पर फ़ाइल अपलोड इनपुट तत्व प्रस्तुत करने के लिए Html.EditorFor() का उपयोग करना संभव है? मैंने फ़ाइल नाम के डेटाटाइप के साथ खेला, और यह निश्चित रूप से प्रस्तुत संपादक रूप को प्रभावित कर रहा था।

public class DR405Model 
{ 
    [DataType(DataType.Text)] 
    public String TaxPayerId { get; set; } 
    [DataType(DataType.Text)] 
    public String ReturnYear { get; set; } 

    public String FileName { get; set; } 
} 

जोरदार टाइप * .aspx पेज इस

<div class="editor-field"> 
     <%: Html.EditorFor(model => model.FileName) %> 
     <%: Html.ValidationMessageFor(model => model.FileName) %> 
    </div> 

Answer 1

पर एक नज़र यह अधिक भावना HttpPostedFileBase उपयोग करने के लिए अपने दृश्य पर एक अपलोड की गई फ़ाइल का प्रतिनिधित्व करने के होगा लेने string के बजाय मॉडल:

public class DR405Model 
{ 
    [DataType(DataType.Text)] 
    public string TaxPayerId { get; set; } 

    [DataType(DataType.Text)] 
    public string ReturnYear { get; set; } 

    public HttpPostedFileBase File { get; set; } 
} 

तो आप निम्न दृश्य हो सकता है:

<% using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" })) { %> 

    ... input fields for other view model properties 

    <div class="editor-field"> 
     <%= Html.EditorFor(model => model.File) %> 
     <%= Html.ValidationMessageFor(model => model.File) %> 
    </div> 

    <input type="submit" value="OK" /> 
<% } %> 

और अंत में ~/Views/Shared/EditorTemplates/HttpPostedFileBase.ascx अंदर इसी संपादक टेम्पलेट को परिभाषित:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %> 
<input type="file" name="<%: ViewData.TemplateInfo.GetFullHtmlFieldName("") %>" id="<%: ViewData.TemplateInfo.GetFullHtmlFieldId("") %>" /> 

अब नियंत्रक इस प्रकार दिखाई देंगे:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(new DR405Model()); 
    } 

    [HttpPost] 
    public ActionResult Index(DR405Model model) 
    { 
     if (model.File != null && model.File.ContentLength > 0) 
     { 
      var fileName = Path.GetFileName(model.File.FileName); 
      var path = Path.Combine(Server.MapPath("~/App_Data"), fileName); 
      model.File.SaveAs(path); 
     } 

     return RedirectToAction("Index"); 
    } 
} 

Answer 2

तरह लग रहा है नहीं लेकिन http://haacked.com/archive/2010/07/16/uploading-files-with-aspnetmvc.aspx

Answer 3

यहाँ एक है एमवीसी 5 के लिए उदाहरण (HTMLAttributes के लिए आवश्यक)।

\ दृश्य HttpPostedFileBase.cshtml नामक एक फ़ाइल ~ के तहत के रूप में इस बनाएं \ साझा \ EditorTemplates

@model HttpPostedFileBase 
@{ 
    var htmlAttributes = HtmlHelper.AnonymousObjectToHtmlAttributes(ViewData["htmlAttributes"]); 
    htmlAttributes["type"] = "file"; 
} 
@Html.TextBoxFor(model => model, htmlAttributes) 

यह सही आईडी और नाम के साथ नियंत्रण उत्पन्न करता है और काम करता है जब एक मॉडल EditorFor टेम्पलेट से संग्रह का संपादन।

Answer 4

जोड़ें: htmlAttributes = नए {प्रकार = "फ़ाइल"}

<div class="editor-field"> 
    <%: Html.EditorFor(model => model.FileName, new { htmlAttributes = new { type = "file" }) %> 
    <%: Html.ValidationMessageFor(model => model.FileName) %> 
</div> 

नोट: मैं MVC 5 उपयोग कर रहा हूँ, मैं अन्य संस्करणों पर परीक्षण नहीं किया।