Télécharger plusieurs fichiers avec ASP.NET MVC & jQuery Télécharger Plusieurs Fichiers du Plugin

Je suis en utilisant jQuery Télécharger Plusieurs Fichiers Plugin pour télécharger plusieurs images. Mais la forme de postes de seulement 1, haut, point. Fiddler (POST):

POST /Images/UploadImages HTTP/1.1
Host: localhost:4793
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.6) Gecko/20091201 Firefox/3.5.6
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive
Referer: http://localhost:4793/images
Cookie: .ASPXAUTH=EFAC4E03FA49056788028048AE1B099D3EB6D1D61AFB8E830C117297471D5689EC52EF40C7FE2CEF98FF6B7C8CAD3AB741A5E78F447AB361A2BDD501331A88C7B75120611CEA4FECA40D972BB9401472
Content-Type: multipart/form-data; boundary=---------------------------1509898581730
Content-Length: 290022

-----------------------------1509898581730
Content-Disposition: form-data; name="album"

1
-----------------------------1509898581730
Content-Disposition: form-data; name="file[]"; filename="Blue hills.jpg"
Content-Type: image/jpeg

...

Voici mon code:

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

    <%= Html.DropDownList("album", (IEnumerable<SelectListItem>)ViewData["Albums"])%>
      <br />    
    <input type="file" name="file[]" id="file" class="multi" accept="jpg|png" />
      <br />
     <input type="submit" name="submit" value="Submit" />

    <% } %>

Et du contrôleur de code:

public ActionResult UploadImages(FormCollection formValue)
    {           
        foreach (string file in Request.Files)
        {
            HttpPostedFileBase hpf = Request.Files[file] as HttpPostedFileBase;
            if (hpf.ContentLength == 0)
                continue;

            //do something with file
        }
        return RedirectToAction("Index");
    }

Conseillez-moi svp comment résoudre le problème. Peut-être que vous pouvez en informer les autres de façon à permettre à l'utilisateur de télécharger plusieurs images. TIA

PS. Outre le code html généré par le sript contrôles:

<input id="file" class="multi" type="file" accept="jpg|png" name="file[]" style="position: absolute; top: -3000px;"/>
<input id="file_F1" class="multi MultiFile" type="file" accept="jpg|png" name="file[]" style="position: absolute; top: -3000px;"/>
<input id="file_F2" class="multi MultiFile" type="file" accept="jpg|png" name="file[]" style="position: absolute; top: -3000px;"/>
<input id="file_F3" class="multi MultiFile" type="file" accept="jpg|png" name="file[]" style="position: absolute; top: -3000px;"/>
<input id="file_F4" class="multi MultiFile" type="file" accept="jpg|png" name="file[]"/>

Modifier le nom de fichier[] pour fichier peut-être?

InformationsquelleAutor 1gn1ter | 2010-01-02

7

J'ai trouvé une solution. La réponse a été de changer le HttpPostedFileBase à un IEnumerable (si vous téléchargez plusieurs fichiers).

J'ai eu le même problème(s) que vous avez ci-dessus. Cela a résolu mon problème. Voici un bon lien:Phil Haacks post

InformationsquelleAutor Robert Green MBA

Le problème est que vous essayez d'accéder à un tableau qui contient même indice que le POSTE soumettre est l'obtention d'un tableau de fichiers avec le même nom.

Au lieu de

foreach (string file in Request.Files)
{
        HttpPostedFileBase hpf = Request.Files[file] as HttpPostedFileBase;

utilisation

for (int i = 0; i < Request.Files.Count; i++)
{
        HttpPostedFileBase hpf = Request.Files[i];

InformationsquelleAutor Mahesh

2

Vous devriez être capable de se lier à une liste.
```
public ActionResult UploadImages(List<HttpPostedFileBase> file)
{ 
//magic
}
```
et votre vue doit avoir
```
<input id="file" class="multi" type="file" accept="jpg|png" name="file" style="position: absolute; top: -3000px;"/>
```
- Liste<HttpPostedFileBase> fichier = est toujours null
- Comment il peut être possible seulement avec l'évolution de la simple transfert de fichier tag par cet attribut "class= "multi""?!
- +1 "// la magie", je vois ce que vous avez fait..
InformationsquelleAutor Daniel A. White
2

En HTML5, vous pouvez télécharger plusieurs fichiers en un seul champ d'envoi de fichier:
```
<input type="file" id="files" name="files" multiple />
```
Dans ce cas, votre action méthode peut être quelque chose comme:
```
public ActionResult Index(List<HttpPostedFileBase> files) {

foreach (var file in files) {
  ...etc.
```
InformationsquelleAutor user1738579
1

Je pense que le problème est le nom de fichier[] dans le code HTML généré. Clairement ce si ne fonctionne pas bien depuis le plug-in côté.

Parfois inverser le bon comportement est ce qui fonctionne. Essayez de supprimer les "[]" à partir du nom et de voir.

En fait, depuis que vous n'êtes pas en utilisant les champs de saisie de nom. Vous pouvez laisser le nom unset similaire à la page d'accueil exemples de plug-in.

Lui donner un essai.
- Comment se fait-il aller? Fait-il?
InformationsquelleAutor Meligy

Que j'ai trouvé. Le "namePattern' propriété doit être définie afin de générer des entrées avec nom différent.

Pour ex.:

<input type="file" accept="gif|jpg|jpeg|png" />


<script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $i = (1, 2, 3, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20);
            $(':file').MultiFile({ namePattern: '$name_$i', maxlength: 20 });
        });  
</script>

Néanmoins, je vous remercie pour votre aide.

InformationsquelleAutor 1gn1ter

Vous pouvez regardez ici une solution de Phil Haack.

Sur la vue

<form action="" method="post" enctype="multipart/form-data">

  <label for="file1">Filename:</label>
  <input type="file" name="files" id="file1" />

  <label for="file2">Filename:</label>
  <input type="file" name="files" id="file2" />

  <input type="submit"  />
</form>

Sur Le Contrôleur De

[HttpPost]
public ActionResult Index(IEnumerable<HttpPostedFileBase> files) {
  foreach (var file in files) {
    if (file.ContentLength > 0) {
      var fileName = Path.GetFileName(file.FileName);
      var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
      file.SaveAs(path);
    }
  }
  return RedirectToAction("Index");
}

InformationsquelleAutor Nestor

La diffusion de nombreux fichiers avec jquery ajax et .net MVC:

En Vue:

        <input type="file" name="files" multiple class="hidden"    id="inputFiles">
       <button id="upload" class="btn btn-sm btn-primary" type="button">Încarcă</button>

En js:

    var btnUpload = $("#upload");
var inputFiles = $('#inputFiles');

    btnUpload.click(function () {
    inputFiles.trigger('click');
});

inputFiles.on('change', function () {
    var formData = new FormData();

    for (var i = 0; i < inputFiles[0].files.length; i++)
        formData.append("files[" + i + "]", inputFiles[0].files[i])

    $.ajax({
        url: window.baseUrl + "Archivator/Upload",
        type: "POST",
        contentType: "application/json, charset=utf-8",
        dataType: "json",
        data: formData,
        processData: false,
        contentType: false,
    });
});

Contrôleur:

 [HttpPost]
    public ActionResult Upload(IEnumerable<HttpPostedFileBase> files)
    {

        return Content("Succesfully");
    }

InformationsquelleAutor Viorel

vue

<input type="file" id="updFiles" multiple name="updFiles" />

Contrôleur

if (Request.Files != null && Request.Files.Count > 0)  
{    
    for (int i = 0; i < Request.Files.Count; i++)  
    {  
        HttpPostedFileBase file = Request.Files[i];  
        if (file != null && file.ContentLength > 0)  
        {  
            var fileName = Path.GetFileName(file.FileName);  
            //store  
            var path = Path.Combine(Server.MapPath("~/App_Data/Uploads"), fileName);  
            file.SaveAs(path);  
        }  
    }  
}

InformationsquelleAutor Lakmal

Vous devez vous connecter pour publier un commentaire.