Erfolgsmeldungen können nach erfolgreichem Daten-Upload in jquery ajax nicht gedruckt werden

Sampath

Ich bin neu in Jquery, Ajax und PHP. Ich habe ein Programm geschrieben, das Dateien als Blob-Datei in eine Datenbank hochlädt. Es ist mir gelungen, die Datei in die Datenbank hochzuladen. aber hier kommt ein Problem, jetzt kann ich die Erfolgsmeldung in dem <div id="msg"></div>Abschnitt nicht drucken , nachdem die Datei gesendet wurde . Ich habe die anderen Möglichkeiten und Fragen ausprobiert, die im Stackover-Flow gestellt wurden, aber keine hat für mich geklappt. die Datei " index.php "

enthält Code für Ajax und Datei-Upload, wobei die upload.php Logik zum Einfügen der Datei in die Datenbank enthält.

index.php

<?php include_once 'dbconfig.php'; ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>File upload</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#button").click(function() {
                var formData = new FormData();
                formData.append('file', $('#file')[0].files[0]);
                $.ajax({
                    url : 'upload.php',
                    type : 'POST',
                    data : formData,
                    processData: false,  
                    contentType: false, 
                    success : function(data) {
                        //console.log(data);
                        document.getElementbyID("msg").innerHTML()="";
                        alert(data);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <div id="header">
        <tt>Upload file</tt>
    </div>
    <div id="msg"></div>
    <form id="form" name="form" enctype="multipart/form-data">
        <input type="file" name="file" id="file" />
        <button id="button" name="button"/>Submit</button>
    </form>
</body>
</html>

upload.php

<?php
    include_once 'dbconfig.php';

    $file = rand(1000, 100000)."-".$_FILES['file']['name'];
    $file_loc = $_FILES['file']['tmp_name'];
    $file_size = $_FILES['file']['size'];
    $file_type = $_FILES['file']['type'];
    $folder = "upload/";

    // new file size in KiloByte
    $new_size = $file_size / 1024;
    // make file name in lower case
    $new_file_name = strtolower($file);
    $final_file=str_replace(' ', '-', $new_file_name);

    if (move_uploaded_file($file_loc, $folder.$final_file)) {
        $sql = "INSERT INTO files(file) VALUES('$final_file')";
        mysqli_query($connection, $sql);
        mysqli_close($connection);
    }
?>
Sam4Code

Sie müssen die Antwort zuerst in PHP drucken. print "File uploaded successfully!!";Nach mysqli_close($connection);Zeile hinzufügen . JQuery-Code scheint korrekt zu sein.

<?php
include_once 'dbconfig.php';

try {
         $file = rand(1000,100000)."-".$_FILES['file']['name'];
         $file_loc = $_FILES['file']['tmp_name'];
         $file_size = $_FILES['file']['size'];
         $file_type = $_FILES['file']['type'];
         $folder="upload/";

         // new file size in KiloByte
         $new_size = $file_size/1024;
         // make file name in lower case
         $new_file_name = strtolower($file);
         $final_file=str_replace(' ','-',$new_file_name);

         if(move_uploaded_file($file_loc,$folder.$final_file))
         {
              $sql="INSERT INTO files(file) VALUES('$final_file')";  
              mysqli_query($connection,$sql);
                        
              print "success";
         }
         else
        {
          print "error";
         }
  } catch ( Exception $e ) {
    print "error";
    }finally {
   mysqli_close($connection);  
  }
?>

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

Beim Hochladen von Dateien in Fine-Uploader können Chunks nach erfolgreichem Upload nicht kombiniert / zusammengeführt werden

Daten können nicht auf Jquery ajax gepostet werden

S3-Daten in Java können nicht gedruckt werden

Daten aus ngRepeat'ed `textarea` können nicht gedruckt werden

Daten können nicht in verschiedene Spalten gedruckt werden

jQuery: Gibt Daten nach erfolgreichem Ajax-Aufruf zurück

Daten aus AJAX-Aufruf-JSON-Daten mit jQuery können nicht angezeigt werden

Json-Daten werden nach dem Einfügen eines Datensatzes mit Jquery Ajax in CodeIgniter gedruckt

Artikel in CSV können nicht gedruckt werden

Globale Variablen können nicht gedruckt werden

Meine jQuery.ajax-Anforderungs-POST-Daten im PHP-Backend können nicht abgerufen werden

JSON-Daten können mit der Jquery Ajax-Post-Methode nicht in HTML angezeigt werden

Daten in Select 2 JQuery Ajax im Codeigniter können nicht geladen werden

Die Daten können nicht mit Ajax in jquery an die PHP-Funktion übergeben werden

Daten von jQuery.ajax können nicht an .net Core 2.1 übergeben werden Aktionsergebnis

Json-Daten können mit Ajax und jQuery nicht im div-Bereich angezeigt werden

Daten nach a für können nicht geplottet werden

BeautifulSoup - Daten können nicht nach ID extrahiert werden

Daten aus der MySQL-Tabelle können nicht in die Dropdown-Liste gedruckt werden

C #: Daten können nicht als Unicode-Zeichen aus der MYSQL-Datenbank gedruckt werden

Daten können nicht in eine Liste aufgenommen und dann gedruckt werden.

URL-Daten können nicht in einem erforderlichen Format über php gedruckt werden

Node.js-Daten können mit Angular 6 nicht gedruckt werden

Antwortdaten können nach dem Senden der Guzzle-Get-Anfrage nicht gedruckt werden

POST-Daten können mit $ .ajax nicht gelesen werden

Ajax-Daten können nicht in Tabelle angezeigt werden

Daten können nicht über Ajax in das Dashboard geladen werden

Daten in Django können von Ajax nicht korrekt empfangen werden

Daten können nicht mit Ajax angezeigt werden?

TOP Liste

  1. 1

    Wie kann ich in SCSS mehrere Klassen zu einer einzigen kombinieren?

  2. 2

    Eclipse Oxygen - Projekte verschwinden

  3. 3

    ElasticSearch BulkShardRequest ist aufgrund von org.elasticsearch.common.util.concurrent.EsThreadPoolExecutor fehlgeschlagen

  4. 4

    Wie erstelle ich einen neuen übergeordneten Knoten außerhalb der .ref (/ path) in der Firebase-Echtzeitdatenbank mithilfe von Cloud-Funktionen (Typescript)?

  5. 5

    Wie kann ich den Kaskadenmodus global einstellen?

  6. 6

    So erhalten Sie eine gleichmäßige Höhe für alle Eingabefelder

  7. 7

    Wie konvertiert man einen Datenrahmen im langen Format in eine Liste mit einem geeigneten Format?

  8. 8

    Wie konvertiere ich einen Vektor von Bytes (u8) in eine Zeichenfolge?

  9. 9

    Modbus Python Schneider PM5300

  10. 10

    Gruppieren Sie Datenrahmenspalten nach ihrem Datum (die Spaltentitel enthalten) und fassen Sie die Instanzen von Einsen und Nullen in R . zusammen

  11. 11

    Ärgerliches Problem mit yaml, das ich nicht lösen kann

  12. 12

    So legen Sie mit dem Interface Builder unterschiedliche führende Speicherplätze für unterschiedliche Geräte fest

  13. 13

    So berechnen Sie die Verfügbarkeit von Anwendungen (SLA)

  14. 14

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  15. 15

    Wie kann ich meine Tabelle abfragen, um sie in mySQL nach 2 Feldern zu gruppieren?

  16. 16

    Wie kann eine gleichmäßige Lastverteilung in ElasticSearch mit Indizes mit unterschiedlicher Anzahl von Shards erreicht werden?

  17. 17

    ElasticSeach Auto Complete mit dem Vervollständigungsvorschlag, um das vollständige Dokument zurückzugeben

  18. 18

    Python: Spalten mit demselben Namen zusammenführen, wobei der Mindestwert beibehalten wird

  19. 19

    Wie wählt man Unterschiede mit drei Tabellen aus?

  20. 20

    Speichern Sie ein MPAndroidChart-Diagramm in einem Bild, ohne es in einer Aktivität anzuzeigen

  21. 21

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

heißlabel

Archiv