刪除多個圖像點擊

我有一個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無法從我的服務器刪除圖像。

來源

2014-12-04 Bijan

這裏是一段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/>元素，你必須一類特殊的分配給那些你希望可刪除和處理程序分配給該班。

請注意，在不檢查文件是否確實是您想要刪除的圖像的情況下刪除文件可能不安全。此外，不建議通過捕獲右鍵單擊來打開用戶的瀏覽器處理，默認情況下應打開上下文菜單。也許你更喜歡刪除按鈕或雙擊事件，具體取決於你的網站是否公開。

來源

2014-12-04 00:46:00

刪除多個圖像點擊

回答

相關問題