jQuery AJAX télécharger PHP

Vous avez besoin d'un script qui s'exécute sur le serveur pour déplacer le fichier vers le répertoire uploads. La méthode jQuery ajax (en cours d'exécution dans le navigateur) envoie les données du formulaire au serveur, puis un script sur le serveur gère le téléchargement. Voici un exemple D'utilisation de PHP.

votre HTML est très bien, mais mettez à jour votre script jQuery JS pour ressembler à ceci:

$('#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
        }
     });
});

et maintenant pour le script côté serveur, en utilisant PHP dans ce cas.

télécharger.php : un script PHP qui tourne sur le serveur et dirige le fichier vers le répertoire de téléchargement:

<?php

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

?>

aussi, quelques choses sur le répertoire de destination:

1. assurez-vous d'avoir le chemin correct du serveur , c'est-à-dire, à partir de L'emplacement du script PHP Quel est le chemin vers le répertoire de téléchargement, et
2. assurez-vous que c'est writable .

et un petit peu sur la fonction PHP move_uploaded_file , utilisé dans le téléchargement .php script:

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'] est le nom du fichier tel qu'il est téléchargé. Vous n'avez pas à l'utiliser. Vous pouvez donner au fichier n'importe quel nom (compatible avec le système de fichiers du serveur) que vous voulez:

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

et enfin, soyez conscient de votre PHP upload_max_filesize et post_max_size les valeurs de configuration, et assurez-vous que vos fichiers de test ne dépassent pas l'une ou l'autre. Voici de l'aide comment vous vérifiez la configuration de PHP et comment vous mettez max filesize et post paramètres .