dropzone.js und ASP.NET MVC-Datei veröffentlicht ist null?

Question

Ich versuche Dropzone.js zu verwenden, um Bilder in meiner ASP.NET MVC App hochzuladen. Ich bin in der Lage, die Dropzone programmatisch einzurichten, klicke darauf, wähle das Bild aus und wenn ich im Dateidialog auf "Öffnen" klicke, wird die richtige Aktion im Controller getroffen. Die HttpPostedFileBase kommt jedoch immer als Null zurück, so dass ich mit dem Bild nichts anfangen kann. Auf der Clientseite zeigt es jedoch das Bildminiaturbild korrekt an, obwohl ich es auf der Serverseite nicht bekommen kann.

Dies ist der HTML:

<div style="float:left;margin-right:2px;" id="mainImage"> 
    <img src="/images/AddImage_button.png" class="dz-message" /> 
</div> 

Dies ist der js Code nenne ich nach der Doc bereit ist:

var myDropzone = new Dropzone("div#mainImage", { url: "/Market/UploadImage" }); 

Und dies ist die Aktion Anruf innerhalb des Controllers:

public ContentResult UploadImage(HttpPostedFileBase imageFile) 
{ 

    if (imageFile == null || imageFile.ContentLength == 0) 
    { 
    //..... 
    } 
} 

Die Aktion wird ausgelöst, aber imageFile ist null. Hat jemand Ideen? Die Klasse "dz-message" wurde übrigens im Image-Platzhalter in der Dropzone hinzugefügt, da sie vorher nicht anklickbar war. Ich las es irgendwo, das war eine Lösung für dieses Problem und es funktionierte.

Irgendwelche Ideen, warum ich für imageFile null bekomme?

Answer 1

Der Standardparametername, den Dropzone verwendet, lautet file, und deins ist imageFile. Ändern imageFile zu file und es wird funktionieren

Answer 2

Es gibt eine kleine zwicken, die Sie verpassen können.

mir viele Male passiert,

Das Formular Element, das Sie verwenden möchten, müssen es haben enctype Attribut wie folgt festgelegt:

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