Tengo una tabla html que muestra todos los archivos presentes en un directorio local.

Hay un botón de eliminación que elimina la fila correspondiente de la tabla. A continuación se muestra el código para eso:

 $(document).ready(function(){ $("#myTable").on('click','.btnDelete',function(){ $(this).closest('tr').remove(); }); });

 <td><button type='button' class='btnDelete'>x</button></td>

Pero este botón solo elimina la fila de la tabla y cuando actualizo mi página, nuevamente muestra ese archivo porque todavía está allí en el directorio de trabajo.

Lo que quiero es eliminar el archivo del directorio mismo. Para que la próxima vez que actualice mi página web, no vuelva a mostrar ese archivo.

¿Es posible lograr esto? ¿Puedo eliminar un archivo de mi directorio local usando el botón html? En caso afirmativo, sugiera cómo.

PD A continuación se muestra el código que utilicé para crear la tabla:

 <table id="myTable" style="width:100%"> <tr> <th>Select One</th> <th>File Name</th> <th>File Size</th> <th>File Type</th> <th>Remove</th> </tr> {% for file in files %} <tr> <td><input type="radio" name="myRadio" id="data"></td> <td> <a href="{{ (request.path + '/' if request.path != '/' else '') + file }}" id="data"> {{ file }} </a> </td> <td> fileSize </td> <td> <p>pdf</p> </td> <td><button type='button' class='btnDelete'>x</button></td> </tr> {% endfor %} </ul> </table>

Edición 2: Esta es la configuración de mi directorio de trabajo:

Los archivos que muestro en la tabla html están en /uploads.