MVC 3 upload de fichier et le modèle de liaison

J'ai un formulaire d'upload qui fonctionne, mais je voudrais faire passer des informations de modèle pour ma base de données pour enregistrer le fichier avec un nom différent bien sûr.

Voici mon Rasoir vue:

@model CertispecWeb.Models.Container

@{
  ViewBag.Title = "AddDocuments";
}

<h2>AddDocuments</h2>

@Model.ContainerNo

@using (Html.BeginForm("Uploadfile", "Containers", FormMethod.Post, 
            new { enctype = "multipart/form-data" }))
{
    <input type='file' name='file' id='file' />
    <input type="submit" value="submit" />
}

Voici mon Controller:

[HttpPost]
public ActionResult Uploadfile(Container containers, HttpPostedFileBase file)
{
     if (file.ContentLength > 0)
     {
        var fileName = Path.GetFileName(file.FileName);
        var path = Path.Combine(Server.MapPath("~/App_Data/Uploads"),
                       containers.ContainerNo);
        file.SaveAs(path);
     }

     return RedirectToAction("Index");
}

Le modèle de l'information n'est pas transmise au contrôleur. J'ai lu que je pourrais avoir besoin de mettre à jour le modèle, comment pourrais-je faire cela ?

InformationsquelleAutor Francis | 2011-01-24
  1. 123

    Votre formulaire ne contient pas de balise d'entrée autre que le fichier dans votre contrôleur de l'action ne vous attendez pas à obtenir quoi que ce soit d'autre que le fichier téléchargé (c'est tout ce qui est envoyée au serveur). Une façon d'y parvenir serait d'ajouter un tag caché contenant l'id du modèle qui vous permettra de le récupérer à partir de votre magasin de données à l'intérieur du contrôleur de l'action que vous postez (à utiliser si l'utilisateur n'est pas censé modifier le modèle, mais il suffit de joindre un fichier):

    @using (Html.BeginForm("Uploadfile", "Containers", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.HiddenFor(x => x.Id)
    <input type="file" name="file" id="file" />
    <input type="submit" value="submit" />
}

    et puis dans votre contrôleur de l'action:

    [HttpPost]
public ActionResult Uploadfile(int id, HttpPostedFileBase file)
{
    Containers containers = Repository.GetContainers(id);
    ...
}

    D'autre part, si vous voulez autoriser l'utilisateur à modifier ce modèle, alors vous aurez besoin de comprendre le champs de saisie pour chaque domaine de votre modèle que vous souhaitez envoyer au serveur:

    @using (Html.BeginForm("Uploadfile", "Containers", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.TextBoxFor(x => x.Prop1)
    @Html.TextBoxFor(x => x.Prop2)
    @Html.TextBoxFor(x => x.Prop3)
    <input type="file" name="file" id="file" />
    <input type="submit" value="submit" />
}

    et puis vous avez le modèle de classeur par défaut reconstruire ce modèle à partir de la demande:

    [HttpPost]
public ActionResult Uploadfile(Container containers, HttpPostedFileBase file)
{
    ...
}
    • Je suis file comme null et Request.Files.Count est 0 aussi, y aurait-il une différence si le form est un AjaxForm et il y a routeValues ainsi?
    InformationsquelleAutor Darin Dimitrov
  2. 8

    Résolu

    Modèle

    public class Book
{
public string Title {get;set;}
public string Author {get;set;}
}

    Contrôleur

    public class BookController : Controller
{
     [HttpPost]
     public ActionResult Create(Book model, IEnumerable<HttpPostedFileBase> fileUpload)
     {
         throw new NotImplementedException();
     }
}

    Et Vue

    @using (Html.BeginForm("Create", "Book", FormMethod.Post, new { enctype = "multipart/form-data" }))
{      
     @Html.EditorFor(m => m)

     <input type="file" name="fileUpload[0]" /><br />      
     <input type="file" name="fileUpload[1]" /><br />      
     <input type="file" name="fileUpload[2]" /><br />      

     <input type="submit" name="Submit" id="SubmitMultiply" value="Upload" />
}

    Titre de Note de paramètre de contrôleur de l'action doit correspondre avec le nom de la saisie des éléments
    IEnumerable<HttpPostedFileBase> fileUpload -> name="fileUpload[0]"

    fileUpload doit correspondre à

    • Cette solution est la seule solution que j'ai trouvé pour plusieurs fichiers. Merci pour le partage de votre code.
    InformationsquelleAutor isxaker
  3. 6

    Si vous n'avez toujours pas l'affichage des images à votre action, vous pouvez faire quelque chose comme ceci:

    [HttpPost]
public ActionResult Uploadfile(Container container, HttpPostedFileBase file) 
{
    //do container stuff

    if (Request.Files != null)
    {
        foreach (string requestFile in Request.Files)
        {
            HttpPostedFileBase file = Request.Files[requestFile]; 
            if (file.ContentLength > 0)
            {
                string fileName = Path.GetFileName(file.FileName);
                string directory = Server.MapPath("~/App_Data/uploads/");
                if (!Directory.Exists(directory))
                {
                    Directory.CreateDirectory(directory);
                }
                string path = Path.Combine(directory, fileName);
                file.SaveAs(path);
            }
        }
    }

}
    InformationsquelleAutor jhatcher9999
  4. 1

    Pour plusieurs fichiers; note la plus récente "plusieurs" attribut pour l'entrée:

    Forme:

    @using (Html.BeginForm("FileImport","Import",FormMethod.Post, new {enctype = "multipart/form-data"}))
{
    <label for="files">Filename:</label>
    <input type="file" name="files" multiple="true" id="files" />
    <input type="submit"  />
}

    Contrôleur:

    [HttpPost]
public ActionResult FileImport(IEnumerable<HttpPostedFileBase> files)
{
    return View();
}
    InformationsquelleAutor mcfea
  5. 1

    1er télécharger jquery.form.js fichier à partir de l'url ci-dessous

    http://plugins.jquery.com/form/

    Écrire de code ci-dessous dans cshtml 

    @using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data", id = "frmTemplateUpload" }))
{
<div id="uploadTemplate">
<input type="text" value="Asif" id="txtname" name="txtName" />
<div id="dvAddTemplate">
Add Template
<br />
<input type="file" name="file" id="file" tabindex="2" />
<br />
<input type="submit" value="Submit" />
<input type="button" id="btnAttachFileCancel" tabindex="3" value="Cancel" />
</div>
<div id="TemplateTree" style="overflow-x: auto;"></div>
</div>
<div id="progressBarDiv" style="display: none;">
<img id="loading-image" src="~/Images/progress-loader.gif" />
</div>
}
<script type="text/javascript">
$(document).ready(function () {
debugger;
alert('sample');
var status = $('#status');
$('#frmTemplateUpload').ajaxForm({
beforeSend: function () {
if ($("#file").val() != "") {
//$("#uploadTemplate").hide();
$("#btnAction").hide();
$("#progressBarDiv").show();
//progress_run_id = setInterval(progress, 300);
}
status.empty();
},
success: function () {
showTemplateManager();
},
complete: function (xhr) {
if ($("#file").val() != "") {
var millisecondsToWait = 500;
setTimeout(function () {
//clearInterval(progress_run_id);
$("#uploadTemplate").show();
$("#btnAction").show();
$("#progressBarDiv").hide();
}, millisecondsToWait);
}
status.html(xhr.responseText);
}
});
});
</script>

    Méthode d'Action :- 

     public ActionResult Index()
{
ViewBag.Message = "Modify this template to jump-start your ASP.NET MVC application.";
return View();
}
public void Upload(HttpPostedFileBase file, string txtname )
{
try
{
string attachmentFilePath = file.FileName;
string fileName = attachmentFilePath.Substring(attachmentFilePath.LastIndexOf("\\") + 1);
}
catch (Exception ex)
{
}
}
    InformationsquelleAutor Ace