使用AJAX code删除uploded图像文件 [英] Delete the uploded image file using ajax code

问题描述

我要删除这是由一个在PHP uploded一个图像。

I want to delete the images that are uploded one by one in php.

我用下面的$ C $下显示images.On点击删除按钮，图像会从上传文件夹中删除。

I used the following code for displaying the images.On clicking the delete button the image gets deleted from the upload folder.

code

ImageLap.tpl.php

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

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';
       }
  }

这code正在well.But页面对每个文件删除被刷新。我需要帮助，删除文件，而无需刷新page.I听说Ajax是用于this.But我没有知识AJAX

This code is working well.But the page has to be refreshed on each file deletion. I need a help to delete the files without refreshing the page.I heard that ajax is used for this.But I don't have knowledge in ajax

请不要帮我实现Ajax这个code。

Please do help me to implement ajax in this code.

推荐答案

包括jQuery的在您的网页标题。 然后更换

Include jquery in your page header. Then replace

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()"/>';

然后写一个javascript函数来调用AJAX。

Then write a javascript function to call 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');
      }
    });
  }
 }

然后在PHP访问的文件中的 $ _ POST ['文件']

这篇关于使用AJAX code删除uploded图像文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！