is it possible to delete a file(s) inside the directory by just using javascript ?. what I currently have is, an index.php which displays the name of the files in the same directory and and a checkbox to each file name and at the bottom is a delete button. what I want to happen is, delete all the selected checkboxes once the delete button is clicked. I am not using mysql here, just a plain php file that displays the names. can someone show me how to delete the selected files using javascript ?
5 Answers
You can not delete files with javascript for security reasons. Bad guys can delete files of your stytem :( However, you can do so with the combination of server-side language such as PHP, ASP.NET, etc using what is know as Ajax.
Note: Javascript is moving to adding/becoming the server-side language options. Node JS is an example of that.
Update Based On Comment:
You can delete files something like this:
<a href="#" class="delete">Delete</a>
JQuery:
$(function(){
$('a.delete').click(function(){
$.ajax({
url:'delete.php',
data:'id/name here',
method:'GET',
success:function(response){
if (response === 'deleted')
{
alert('Deleted !!');
}
}
});
});
});
PHP:
if (isset($_GET['id/name here']))
{
if (unlink('your_folder_path' . $_GET['id/name here']))
{
echo 'Deleted';
}
}
3 Comments
sasori
can you show me an example of that ajax thingy based on my problem's description ?
sasori
thank you very much for the example sir, i was thinking of using manual ajax, but it's hard for me LOL, jquery is the best.
Boldewyn
@sasori: You should take this as an example only! Without additional security checks, this can get very dangerous, when the submitted file name is something like
../../etc/passwords (assumed the server would have write permissions, but still...).You can use AJAX,and delete files using PHP on server. You can't manipulate with files in pure javascript.
1 Comment
sasori
can you show me an example of that ajax thingy based on my problem's description ?
You need to implement the file deletion function in PHP based on the built-in unlink() function. Be careful here!! for example, you should read the list of file names and calculate an ID for each of them, and your delete function would accept IDs and NOT the real filename(s).
Then, when you send the file list to the browser, it includes the generated IDs as hidden fields or object attributes, etc. From JavaScript, you can use an HTTP request to send a list of file IDs to be deleted, based on the checkboxes. Your PHP script would call your delete function for the IDs.
Comments
You don't need JavaScript for that but a HTML form which sends the filenames to a PHP script on the server which deletes the files. See this example.
Comments
In this, use ajax function or otherwise by javascript in onclick function provide the submit action and refresh the whole page.
DateorMath), others such aswindoworlocationare part of the de facto Browser Object Model standard, and yet others -- such as the availability of certain ActiveX components -- are even more browser-specific. I don't see the problem.