可以通过 html 按钮（将 html 按钮与 javascript、jquery 或其他任何东西集成）删除本地文件吗？

Question

我有一个显示本地目录中所有文件的 html 表。

有一个删除按钮可以删除表格的相应行。下面是代码：

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

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

但是这个按钮只会从表格中删除该行，当我刷新我的页面时，它会再次显示该文件，因为它仍然存在于工作目录中。

我想要的是从目录本身中删除文件。这样下次我刷新网页时，它就不会再显示该文件了。

这有可能实现吗？我可以使用 html 按钮从本地目录中删除文件吗？如果是，请提出建议。

附：下面是我用来创建表格的代码：

<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>

编辑 2：这是我的工作目录设置：

我在 html 表中显示的文件位于 /uploads 下。

Answer 1

简单的HTML/Javascript网页页面无法从电脑中删除文件。想象一下，如果您访问一个网页并从您的计算机中删除文件，它会造成怎样的破坏…… 但是，如果您在同一台机器上使用 php 或 nodejs 运行网络服务器，则可以这样做。

如果您的目标只是从表中隐藏文件，您可以将“已删除”文件的列表存储在 localstorage 中，并在生成表的代码中对照 localstorage 数据库检查每个文件。我不熟悉您使用的模板类型，因此无法真正向您展示示例