Nicht in der Lage, upload-Datei per Ajax.BeginForm() asynchron

Ich versuche, eine Datei hochladen mittels Ajax.BeginForm(), aber es ist nicht der Arbeit aus.

Meiner Sicht enthält:

@using (Ajax.BeginForm("UploadFile", null, new AjaxOptions { HttpMethod="POST",     UpdateTargetId = "result" }, new { enctype = "multipart/form-data" }))
{
   <label id="lblUploadNewFile" for="fileUploadControl">Upload New File&lt;/label>
   <input type="file" name="fileToUpload" id="fileUploadControl"/>
   <input id="btnFileUpload" type="submit" value="Upload" />
   <span id="result" />
}

und den entsprechenden Controller ist:

[HttpPost]
public string UploadFile(FormCollection formData)
{
   HttpPostedFileBase file=null;

   try
   {
      file = Request.Files[0];
   }
   catch { }

   if ( file!=null &amp;&amp; file.ContentLength &gt; 0)
   {
      file.SaveAs(string.Concat(
            AppDomain.CurrentDomain.BaseDirectory,
            Path.GetFileName(file.FileName)));

      return &quot;Successfully Uploaded&quot;;
   }
   else
   {
      return &quot;Upload Failed, please try again.&quot;;
   }
}

Das problem ist, dass es die Datei hochladen, aber nicht mehr tun, jede asynchrone Beiträge, wenn ich Sie entfernen jquery.unobtrusive-ajax.js. Stattdessen, es bedeutet eine vollständige post-back.

Wenn ich jquery.unobtrusive-ajax.js in meinem view, Sie tut es asynchron, aber es ist nicht das senden einer Datei hochladen, die in form von Daten. Keine Datei wird an den server gesendet Request.Files[].

Es ist nicht möglich, mit Ajax aus offensichtlichen Gründen: Sie bauen konnte Seite hat-uploads jede zugängliche Datei auf die Besucher Dateisystem auf den server-ohne ihn.

InformationsquelleAutor Sunny Sharma | 2013-06-11

asp.net-mvc-4 c#javascript

16

Können Sie keine Dateien hochladen mittels AJAX. Dies wird nicht unterstützt. Wenn Sie wollen, um zu tun, dass man entweder einige Datei-upload-plugin wie Uploadify oder Blueimp-Datei Hochladen oder verwenden Sie den HTML 5 File API, wenn der client-browser unterstützt.
- Dank der Darin für Ihre Antwort, ich werde versuchen, die Umsetzung Blueimp als Uploadify benötigt flash.
- Ich verwende jQuery-asyncUpload geteilt durch steven: blog.stevensanderson.com/2008/11/24/...
- Dimitrov, ich verstehe nicht, Ihre Antwort. Als pro dieses anderen StackOverflow-Frage, Datei-Upload tatsächlich unterstützt, und die Art und Weise, es zu tun ist, gegeben, dass die andere Antwort. Kannst du bitte klar, was du sagen bis?
- Dimitrov ja, könnten Sie bitte klären Sie uns ein wenig mehr über diese Ausgabe?
InformationsquelleAutor Darin Dimitrov

Können Sie dies tun, ohne zusätzliche Bibliotheken.

Stieß ich auf dieses kleine hack, der behebt es schön

window.addEventListener("submit", function (e) {
    var form = e.target;
    if (form.getAttribute("enctype") === "multipart/form-data") {
        if (form.dataset.ajax) {
            e.preventDefault();
            e.stopImmediatePropagation();
            var xhr = new XMLHttpRequest();
            xhr.open(form.method, form.action);
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    if (form.dataset.ajaxUpdate) {
                        var updateTarget = document.querySelector(form.dataset.ajaxUpdate);
                        if (updateTarget) {
                            updateTarget.innerHTML = xhr.responseText;
                        } 
                    }
                }
            };
            xhr.send(new FormData(form));
        }
    }
}, true);

Gefunden http://www.acnenomor.com/1762557p1/c-mvc3-ajaxbeginform-to-upload-file-not-working

http://www.acnenomor.com/1762557p1/c-mvc3-ajaxbeginform-to-upload-file-not-working ist nicht mehr; es war eine scraper-site kopieren von Stack Overflow, die Sie wirklich gefunden dieser Beitrag.
wer auch immer du bist ich werde dich finden und lieben dich!!!
Aber, wie die Umsetzung der Rückruf für das Formular ??

InformationsquelleAutor James 'Fluffy' Burton

0

Dies können Sie tun, um diese Arbeit zu bekommen:
Holen Sie sich jquery.form Bibliothek von nuget und importieren Sie Sie in Ihre cshtml-Datei.Erstellen Sie Ihr Formular mit @Html.BeginForm.
dann unten in Ihrer form schreiben dieses Skript ajax-ify Ihre form:
```
$(function(){
  $('#formId').ajaxForm({
    complete:function(xhr){...},
    success:function(){...},
    error: function(){...}
  });
});
```
Mit diesen Schritten können Sie eine Datei auf den controller.

InformationsquelleAutor Javad Hosseini

sehr einfache Lösung:

  @using (Ajax.BeginForm("action", "controller", new AjaxOptions
        {
            HttpMethod = "post",
            InsertionMode = InsertionMode.Replace,
            OnBegin = "startLoader",
            OnSuccess = "Update_Record",
            UpdateTargetId = "Succ_Msg"
        },new { enctype = "multipart/form-data" }))

beachten Sie die neue { enctype = "multipart/form-data" }
was sagt das Rasiermesser Seite zum hinzufügen von enctype dass kann passieren HttpPostedFileBase