Supprimer la uploded fichier image à l'aide de code ajax

Je veux supprimer les images qui sont uploded un par un en php.

J'ai utilisé le code suivant pour afficher les images.En cliquant sur le bouton supprimer l'image est supprimé du dossier de téléchargement.

Code

ImageLap.tpl.php 

foreach ( $mainfile as $files ) {
     echo '<img src="'.$files.'" width="100" height="65">';
     echo '<input type="hidden" value="'.$files.'" name="delete_file" />';
     echo '<input type="submit" value="Delete image" />';
 }

ImageLap.php

  if ( array_key_exists ('delete_file', $_POST ) ) {
       $filename = $_POST['delete_file'];
       if ( file_exists ( $filename ) ) {
           unlink( $filename );
           echo 'File '.$filename.' has been deleted';
       }
  }

Ce code fonctionne bien.Mais la page doit être actualisé à chaque suppression de fichiers. J'ai besoin d'une aide pour supprimer les fichiers sans rafraichissement de la page.J'ai entendu dire que l'ajax est utilisé pour cela.Mais je n'ai pas de connaissances en ajax

Svp aider moi pour mettre en oeuvre ajax dans le présent code.

  • checkout jQuery il simplifie l'AJAX, et la plupart des autres utiles Javascript fonctionnalité. Ici est un lien vers l'AJAX de jQuery documentation.
  • VOUS POUVEZ SUPPRIMER LE FICHIER DANS l'URL HTTP.. UTILISER le CHEMIN ABSOLU pour supprimer le fichier
InformationsquelleAutor user2745698 | 2013-09-16
  1. 2

    Inclure jquery dans votre en-tête de page.
    Puis remplacer

    echo '<input type="hidden" value="'.$files.'" name="delete_file" />';
echo '<input type="submit" value="Delete image" />';

    à

    echo '<input type="hidden" value="'.$files.'" name="delete_file" id="delete_file" />';
echo '<input type="button" value="Delete image" onclick="delete_image()"/>';

    Puis écrire une fonction javascript à l'appel ajax.

    function delete_image()
{
  var status = confirm("Are you sure you want to delete ?");  
  if(status==true)
  {
    var file = $("#delete_file").val();
    $.ajax({
      type:"POST",
      url:"ImageLap.php",
      data:{file:file},
      success(html){
       alert('Deleted');
      }
    });
  }
 }

    Puis en php d'accès du fichier que $_POST['fichier']

    InformationsquelleAutor devo
  2. 0

    Je suis juste de donner une forte Idée de l'utilisation d'AJAX:

    Ici est votre Boucle:

    foreach ( $mainfile as $files ) {
    echo '<img src="'.$files.'" width="100" height="65">';
    echo '<input type="hidden" value="'.$files.'" name="delete_file" />';
    echo '<input type="button" value="Delete image" onclick="delete_post(<?php echo $YourPrimaryKey; ?>);" />';
}

    Est ici que vous JQuery Ajax Code:

    function delete_post( id ) {
    m = confirm("Are you sure you want to delete this post?");  
    if( m == true ) {
       $.post('ajax_files/ImageLap.php.php', {post_id:id}, //Set your ajax file path
       function( data ) {
         $('#yourDataContainer').html( data ); //You can Use .load too
       });
    } else {
       return false;
    }
}

    Maintenant créer un simple fichier Ajax dans lequel l'Utilisation $_POST pour obtenir l'ID de Clé Primaire qui vous envoyez de l'appel ajax par POST et l'Utilisation de votre Requête de Suppression.. je pense pas besoin de l'expliquer.

    InformationsquelleAutor Hassan Sardar