Ist es möglich, übergeben eine Datei aus einem Datei-Eingang an einen Controller mit jQuery?

Ich bin versucht, übergeben Sie eine Datei in meinen Controller wie ein HttpPostedFileBase so kann ich parse die Datei durchläuft und weiterleiten von Informationen zurück an die Seite. Zum Beispiel, ich möchte, dass ein Benutzer zum importieren einer vCard-Datei, und haben es automatisch füllen Sie ein Kontakt Formular erstellen PartialView.

Ich würde dies gerne tun, indem in der Datei, füllen mein Modell und dann wieder ein PartialView des Formulars auf der Seite angezeigt. Ich habe versucht jQuery wie unten, aber ich kann nie meine HttpPostedFileBase passieren, richtig (immer null). Halten Sie im Verstand, die ich brauche, um Zugriff auf den InputStream der Datei einmal gepostet.

var file = "files=" + $("#fileInput").files[0];
$.post("/Contacts/UploadContact/", file, function (returnHtml) {
    alert(returnHtml);
    $("#contactContainer").html(returnHtml);
});

Ist es möglich, posten Sie eine Datei in meinen Controller wie ein HttpPostedFileBase über jQuery?

Ajax Datei-uploads sind nicht trivial. Vielleicht ist dieses plugin könnte helfen: malsup.com/jquery/form
Muss es AJAX ? Einfacher zu verwenden enctype="multipart/form-Daten in einer form
das stimmt, aber da er über einen jQuery - post() ich davon ausgegangen, er braucht eine AJAX-Lösung
Dang antwortete ich das schon, und die Frage wurde gelöscht, ich bin zu faul zum umbuchen der ganzen frikkin Sache (es ist groß) heute Abend wieder ...lange Geschichte kurz, ja Sie könnten, aber es ist kompliziert und ajax-fileApi nicht so stark unterstützt noch. Machen Sie ein Formular mit fileupload (classic stuff) ..nun kleben Sie es in einem iframe und Kontrolle der iframe per JS. Funktioniert auf allen Plattformen, einschließlich mobiler (ios, android..)
Du hast Recht, ich hätte lieber, es werden Ajax-wenn möglich. Allerdings, wenn dies erweist sich als zu viel von einem Schmerz ich kann eine Ausnahme machen

InformationsquelleAutor Lando | 2013-10-30

    Same result can be achieved without `jquery` usage, merely you can use `XMLHttpRequest`
Example:

**Index.cshtml**

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="@Url.Content("~/Scripts/scripts.js")" ></script>
    <input type="file" id="fileInput" />
    <input type='button' id='go' value="go" />

 $('#fileInput').on("change", function () {      

             var xhr = new XMLHttpRequest();
             var VideofileS = new FormData($('form').get(0));
             xhr.open("POST", "/Contact/UploadContact/");
             xhr.send(VideofileS);
             xhr.addEventListener("load", function (event) {
             alert(event.target.response);
            }, false);
   });   
    });

+1 Die prägnanteste, nicht-iFrame-Datei upload Beispiel, das ich gefunden habe noch nicht. Danke!
wie kann ich die Rückgabe-Werte aus der Steuerung in diesem Fall. wie return Json(new { Erfolg = true, returnedPath = UIFilePath }, JsonRequestBehavior.AllowGet);
Es funktioniert nicht für viele Dateien
FormData() funktioniert nur für den IE 10+ , gibt es eine Möglichkeit, wenn wir diese praktikabel für IE9+

InformationsquelleAutor testCoder

Genial Ajax-upload-Funktion.

Wenn Sie mehrere Datei-upload-Steuerelemente, geben Sie separate IDs und die hochladen.

fd.append("file1", document.getElementById('fileInput').files[0]);
fd.append("file2", document.getElementById('fileInput').files[1]);
fd.append("file3", document.getElementById('fileInput').files[2]);
fd.append("file4", document.getElementById('fileInput').files[3]);

InformationsquelleAutor Mohamed RIza

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.