Ergebnis 1 bis 4 von 4
  1. #1
    dogsnhumans.de ist offline Mitglied
    registriert
    27-07-2012
    Beiträge
    46

    Jquery Ajax Upload mit input file multiple

    Hallo liebe Community,

    ich möchte ein Formular mit jQuery Ajax und einem

    HTML-Code:
    <input type="file" name="upload[]" id="upload" multiple="multiple">
    an ein PHP Script senden. Das PHP Script ist bereits fertig und funktioniert einwandfrei. Nur irgendwie bekomme ich es nicht hin, die Daten aus dem oben genannten Feld zu ermitteln und zu versenden.

    Für Tipps wäre ich dankbar.
    Geändert von mikdoe (06-07-2014 um 09:05 Uhr) Grund: Präfix korrigiert

  2. #2
    j-l-n Guest

    AW: Jquery Ajax Upload mit input file multiple

    Du brauchst natürlich auch noch ein form. Zeig doch bitte mal etwas mehr Code!

  3. #3
    dogsnhumans.de ist offline Mitglied
    registriert
    27-07-2012
    Beiträge
    46

    AW: Jquery Ajax Upload mit input file multiple

    Hehe, ok ein bißchen mehr Code

    Mein HTML Formular mit Javascript:
    HTML-Code:
        <form id="report-upload-form" action="request_ajax.php" method="post" enctype="multipart/form-data">
            <div>
                <label for="title">Titel:</label>
                <input id="title" type="text" name="title">
            </div>
            <div>
                <label for="editor">Editor:</label>
                <textarea id="editor" name="editor"></textarea>
            </div>
            <div>
                <input id="upload" type="file" name="upload[]" multiple="multiple">
            </div>
            <div>
                <button id="submit" type="submit" name="submit" value="report-upload">Upload</button>
            </div>
        </form>
        <script type="text/javascript">
            $(document).ready(function() {
    
                // CKeditor
                if ($("#editor").length) {
                    CKEDITOR.replace('editor');
                }
    
                $('#report-upload-form').submit(function() {
                    // var files = $.map($('#upload').get(0).files);
                    var data =
                        'title=' + $('#title').val() +
                            '&editor=' + CKEDITOR.instances['editor'].getData() +
                            // Funktioniert nicht.
                            '&upload=' + $('#upload').val();
                    $.ajax({
                        type: 'post',
                        url: 'request_ajax.php',
                        data: data,
                        success: function(response) {
                            $('#upload-report-form').remove();
                            $('#response-container').html(response);
                        }
                    });
                    return false;
                });
    
            });
        </script>
    Ich habe ein englisches Tutorial gefunden. Aber gehts nicht einfacher?

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: Jquery Ajax Upload mit input file multiple

    File-Upload ist etwas kompliziert.

    Wenn du Dateien per AJAX-Versenden willst, musst du mit FormData arbeiten oder dir über die File-API den Inhalt der Datei holen und dir dann händisch das POST zusammenbauen. Ich würde über FormData gehen, da das viel einfacher ist. Aber ist bei älteren Browsern hald nicht dabei - aber da ist die File-API auch meistens nicht drin...

    PS: Hast du dir denn angesehen, was du mit $('#upload').val() überhaupt bekommst?

Ähnliche Themen

  1. Input wert in SELECT multiple schreiben
    Von Troy im Forum JavaScript
    Antworten: 9
    Letzter Beitrag: 29-10-2010, 14:40
  2. File-Upload
    Von ABNetworks.DE im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 05-10-2010, 12:53
  3. AJAX-Upload ZIP-File
    Von Miikku im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 09-09-2010, 20:28
  4. File auswahl ohne file upload
    Von michl4ever im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 15-07-2006, 19:58
  5. File-Upload
    Von kasimir83 im Forum Serverseitige Programmierung
    Antworten: 8
    Letzter Beitrag: 11-05-2004, 16:41

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •