Question

我有一个UberGallery图库页面。为了举例，我们说它看起来像this jsFiddle

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

   <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_path']中，但我不确定如何使用jQuery使用右键单击选择多个图像并删除图像。

我可能不得不使用PHP或Ajax，因为Javascript无法从我的服务器上删除图像。

Answer 1

这是一段javascript捕获右键单击任何<img/>元素并发送AJAX请求。然后脚本your_delete_script.php必须读取已发布的文件名并将其删除在服务器上。

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

如果还有其他<img/>元素，则必须为希望删除的元素分配一个特殊类，并将处理程序分配给该类。

请注意，删除文件而不检查文件是否确实是您要删除的图像可能不安全。此外，建议不要通过捕获右键单击来侵入用户的浏览器处理，默认情况下应该打开上下文菜单。您可能更喜欢删除按钮或双击事件，具体取决于您的网站是否可公开使用。

单击时删除多个图像

1 个答案: