Jquery-Formular-Plugin Datei-Upload

Question

Jquery-Formular-Plugin Datei-Upload

Gefragt el 20 de Februar, 2010: Wann wurde die Frage gestellt
34978 Ansichten: Anzahl der Besuche der Frage
1 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich habe ein Problem mit dem Jquery Form Plugin. Ich versuche, eine Datei asynchron hochzuladen, aber es wird nicht das Formular senden. html markup und javascript code sind wie unten

<form id="fileUploadForm" method="post" action="Default.aspx" enctype="multipart/form-data">
<input type="text" name="filename" />
<input type="file" id="postedFile" name="postedFile" />
<input type="button" value="Submit" onclick="UploadFile();" />
</form>

$(document).ready(function() {

        $('#fileUploadForm').ajaxForm();            
    });

function UploadFile() {

        var options =
        {                
            url:"Default.aspx",                
            beforeSend: ShowRequest,
            success: SubmitSuccesfull,
            error:AjaxError                               
        };            
        $("#fileUploadForm").ajaxSubmit(options);
        return false;
    }.

Ich habe ein anderes Testformular, das nur ein Textfeld enthält, und es funktioniert gut. Auch wenn ich die Zeile input type="file"... auskommentiere, funktioniert das obige Formular einwandfrei. Was ist das Problem mit dem Eingabetyp Datei? Irgendeine Idee?

Gefragt el 20 de Februar, 2010 von mehmet6parmak

Answer 1

1 Antworten

Answer 2

8voto

Nick Craver Punkte 609016

Kurz gesagt:

<input type="file" />

Kann nicht über Ajax übermittelt werden, es muss ein vollständiges Postback sein. Traditionell verwenden Sie einen iFrame für diese, wenn Sie AJAX-Stil Verhalten wollen. Ich habe ein paar Lösungen für diese verwendet, ohne zu wissen, welche Plattform Sie auf sind, SWFUpload ist in der Regel eine gute Option.

Hier ist ein Beispiel für eine Korrektur in einem vollständigen Dokument:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="Javascript/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="Javascript/jquery.form.js"></script>
    <script type="text/javascript">
        $(function() {            
          $('#fileUploadForm').ajaxForm({                 
            beforeSubmit: ShowRequest,
            success: SubmitSuccesful,
            error: AjaxError                               
          });                                    
        });            

        function ShowRequest(formData, jqForm, options) {
          var queryString = $.param(formData);
          alert('BeforeSend method: \n\nAbout to submit: \n\n' + queryString);
          return true;
        }

        function AjaxError() {
          alert("An AJAX error occured.");
        }

        function SubmitSuccesful(responseText, statusText) {        
          alert("SuccesMethod:\n\n" + responseText);
        }    
    </script>
</head>
<body>
    <form id="fileUploadForm" method="POST" action="Default.aspx" enctype="multipart/form-data">
      <input type="text" name="filename" />
      <input type="file" id="postedFile" name="postedFile" />
      <input type="submit" value="Submit" />
    </form>
</body>
</html>

Beantwortet el 20 de Februar, 2010 von Nick Craver (609016 Punkte )

Jquery-Formular-Plugin Datei-Upload

Antwort

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Jquery-Formular-Plugin Datei-Upload

Antwort

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: