Javascript 单击可删除多个图像

我有一个图库页面。举个例子，让我们假设它看起来像

我的实际代码具有如下相对路径：

   <li><a class="20141203" href="images/20141203/Camera2-2014120311584501.jpg" title="Dec 3 2014, 11:58:46" rel="20141203"><img src="resources/cache/125-8d30d775150af31eaeeed742c7d9105f.jpg" alt="Camera2-2014120311584501"/></a></li>
   <li><a class="20141203" href="images/20141203/Camera2-2014120311584502.jpg" title="Dec 3 2014, 11:58:47" rel="20141203"><img src="resources/cache/125-f378631630701cf7cb25b111f5c2ca11.jpg" alt="Camera2-2014120311584502"/></a></li>

我正在尝试这样做，如果我右键单击多个图像，我将可以选择从我的服务器中删除这些图像。我要删除的图像路径存储在

$image['file\u path']

中，但我不确定如何使用jQuery使用右键单击选择多个图像并删除图像

---

我可能还必须使用PHP或Ajax，因为Javascript无法从我的服务器中删除图像。

下面是一段Javascript，它捕获右键单击任何

元素并发送Ajax请求。脚本

您的_delete_script.php

必须读取发布的文件名并在服务器上删除它

如果存在任何其他

元素，则必须为希望可删除的元素分配一个特殊类，并将处理程序分配给该类

请注意，如果不检查文件是否确实是要删除的图像，则删除该文件可能不安全。此外，不建议通过单击鼠标右键（默认情况下应打开关联菜单）来干扰用户的浏览器处理。也许你更喜欢删除按钮或双击事件，这取决于你的网站是否公开

$(function() {    
      $('img').mouseup(function(e){ 
        if( e.button == 2 ) { 
          $.post('your_delete_script.php', {filename: $(this).attr('src')}, function() {});
      }); 
});