jQuery AJAX file upload PHP

Müssen Sie ein Skript auf dem server ausgeführt wird, verschieben Sie die Datei in das uploads-Verzeichnis. Die jQuery - ajax Methode (ausgeführt im browser) sendet die Formulardaten an den server, der dann ein script auf dem server verarbeitet den upload. Hier ist ein Beispiel mit PHP.

Ihre HTML-ist in Ordnung, aber aktualisieren Sie Ihre JS jQuery-Skript wie folgt Aussehen:

$('#upload').on('click', function() {
    var file_data = $('#sortpicture').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    alert(form_data);                             
    $.ajax({
        url: 'upload.php', //point to server-side PHP script 
        dataType: 'text',  //what to expect back from the PHP script, if anything
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(php_script_response){
            alert(php_script_response); //display response from the PHP script, if any
        }
     });
});

Nun für die server-side script, mit PHP in diesem Fall.

upload.php: ein PHP-script läuft auf dem server und leitet die Datei an den uploads-Verzeichnis:

<?php

    if ( 0 < $_FILES['file']['error'] ) {
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
    }

?>

Auch, ein paar Dinge über das Ziel-Verzeichnis:

1. Stellen Sie sicher, dass die richtigen server-Pfad, d.h., ab der PHP-Skript-Position was ist der Pfad zum uploads-Verzeichnis und
2. Stellen Sie sicher, es ist beschreibbare.

Und ein wenig über die PHP-Funktion move_uploaded_file, die in der upload.php Skript:

move_uploaded_file(

    //this is where the file is temporarily stored on the server when uploaded
    //do not change this
    $_FILES['file']['tmp_name'],

    //this is where you want to put the file and what you want to name it
    //in this case we are putting in a directory called "uploads"
    //and giving it the original filename
    'uploads/' . $_FILES['file']['name']
);

$_FILES['file']['name'] ist der name der Datei, wie es hochgeladen wird. Sie müssen nicht zu verwenden. Sie können geben Sie der Datei einen beliebigen Namen (server-Dateisystem kompatibel) Sie möchten:

move_uploaded_file(
    $_FILES['file']['tmp_name'],
    'uploads/my_new_filename.whatever'
);

Und schließlich, achten Sie auf Ihre PHP - upload_max_filesize UND post_max_size Konfiguration Werte, und seien Sie sicher, dass Ihre test-Dateien nicht überschreiten. Hier ist etwas Hilfe, wie Sie überprüfen Sie die PHP-Konfiguration und wie Sie set max filesize und post-Einstellungen.

InformationsquelleAutor bloodyKnuckles

- und dies ist die php-Datei zum empfangen der uplaoded Dateien

<?
$data = array();
    //check with your logic
    if (isset($_FILES)) {
        $error = false;
        $files = array();

        $uploaddir = $target_dir;
        foreach ($_FILES as $file) {
            if (move_uploaded_file($file['tmp_name'], $uploaddir . basename( $file['name']))) {
                $files[] = $uploaddir . $file['name'];
            } else {
                $error = true;
            }
        }
        $data = ($error) ? array('error' => 'There was an error uploading your files') : array('files' => $files);
    } else {
        $data = array('success' => 'NO FILES ARE SENT','formData' => $_REQUEST);
    }

    echo json_encode($data);
?>

InformationsquelleAutor kavehmb

Beste Datei-Upload Mit Jquery Ajax Mit Materialise
Klicken Sie Hier zum Download

Wenn Sie Bild auswählen, wird das Bild Konvertiert base-64-und Sie können diesen speichern in der Datenbank, es wird so sein geringes Gewicht auch.

InformationsquelleAutor Urshit Sheth