Forum PHP.pl > Usunięcie odpowiedniego pliku na serwerze za pomocą jquery

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Usunięcie odpowiedniego pliku na serwerze za pomocą jquery

lukasheek88

15.12.2012, 00:08:16

Witam wszystkich. Mam pewien problem. Otóż:

Mam plik response.php

[PHP] pobierz, plaintext 
<?php
session_start();
?>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("form#submit").submit(function() {
  // Przechwytujemy wartości z formularza i przesyłamy je do pliku zapisz.php
  var file = $('input[name=file]');   
  var del = $('input[name=del]');  
 
  var data = 'file=' + file.val() + '&del=' + del.val();
 
  $.ajax({
   type: "POST",
   url: "zapisz.php",
   data: data,
   success: function(data){
    //success zwraca data, mozemy sobie łatwo sprawdzić co wpisaliśmy przez print_r
    alert(data);
 
   }
 
  });
  return false;
 });
});
</script>
</head>
 
<body>
<div class="pasek">
 
<?php
if (file_exists('robocze/'.$_SESSION['temp_folder'])) { 
echo "<table>";
foreach (new DirectoryIterator('robocze/'.$_SESSION['temp_folder']) as $i=>$fileInfo) {
If(($fileInfo->getFilename()<>".") AND ($fileInfo->getFilename()<>"..")){
 
 
    echo "<tr><td>".$fileInfo->getFilename() . " &nbsp; - &nbsp;(".floor(($fileInfo->getSize()/1024))." KB)</td><td>
	<form method='post' action='' id='submit' ><input type='hidden' name='del' value='tak' id='del' />
	<input type='hidden' name='file' value='".$fileInfo->getFilename()."' id='file'/>
	<input type='submit' value='Usuń' id='submit' /></form></td></tr>
	";
 
	}	
}
echo "</table>";
}
else
{
echo "Nie załadowano żadnego pliku.";
}
 
?>
</div>
</body>
</html>
[PHP] pobierz, plaintext

Oraz plik zapisz.php

[PHP] pobierz, plaintext 
<?php 
session_start();
 // Odbieranie danych metodą post
 
$file = $_POST['file'];
 
   $del = htmlspecialchars(trim($_POST['del']));
 
IF((isset($del)) AND ($del=='tak')){
unlink('robocze/'.$_SESSION['temp_folder'].'/'.$file);
}
 
 
?>
[PHP] pobierz, plaintext

Mój problem polega na tym, że wyświetlając plik response.php, otrzymuję tabelkę z plikami w danym katalogu. Chcę usunąć plik ze środka tej listy, lecz zawsze usuwa się pierwszy plik. Pole name=file jest stałe stąd też wysyłany formularz pobiera wartość pierwszego pliku. Chciałbym móc usunąć dowolny plik z wyświetlanej w pliku response.php listy. Klikając np trzeci plik, usunąć trzeci, a nie pierwszy.

Takie pole wyświetla plik response.php
http://zapodaj.net/c8d61ab86f3b2.jpg.html

Tutaj widzimy listę plików do usunięcia. Klikając na usun by usunac plik 'przyklad.jpg', zamiast tego usunie nam plik pierwszy czyli przyklad - Kopia - Kopia .jpg. Tak samo z kolejnymi plikami. Zawsze będzie chciał nam usunąć pierwszy.
Proszę o pomoc. Mam nadzieję, że tak mocno nie zagmatfałem sprawy.

krowal

20.12.2012, 19:16:34

Nie przechwytujesz pól z submitowanego formularza tylko pierwsze elementy pasujące do selektora (wyszukiwane w całym dokumencie)
To:

[JAVASCRIPT] pobierz, plaintext 
var file = $('input[name=file]');   
var del = $('input[name=del]');  
[JAVASCRIPT] pobierz, plaintext

Zamień na:

[JAVASCRIPT] pobierz, plaintext 
var file = $(this).find('input[name=file]');   
var del = $(this).find('input[name=del]');  
[JAVASCRIPT] pobierz, plaintext

Edit: jeszcze jedno, nie może być kilku elementów o takim samym ID w dokumencie, wywołanie selektora $('form#submit') zawsze wyciągnie tylko pierwszy element z tym ID. Imo możesz w ogóle zrezygnować z ID formularza i obsługę eventu submit obsłużyć w ten sposób $('form').submit(function(){...}). Będzie to działać z tym co napisałem wyżej.

lukasheek88

24.12.2012, 10:44:25

Dzięki, działa idealnie

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.