使用JavaScript與Asp.Net從其文件夾中刪除圖像

Question

我正在嘗試刪除使用Asp.Net使用javascript動態生成的圖像，我只能從div容器中刪除它，而不能從原始路徑中刪除。

那我該怎么做呢？

這是我的代碼：

 $('#container').append("<div class='container a'><a href='#'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' width='64' height='64'/><span></span></a></div>");
 $('.container a span').live('click', function (e) {
     $(this).closest('div.container').fadeOut("normal", function () {                        
         var ImagePath ="uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "";
         var sPath = Server.MapPath(ImagePath) + dataName + fileName;
         $(sPath).remove();
     });
     return false;
 });

Answer 1

僅使用javascript，您將無法直接從服務器中刪除圖像。 實現此目的的唯一方法是調用服務器端方法來為您執行此操作。

就.NET而言，您可以通過在服務器上編寫一個方法並將其作為Web服務公開來實現。 然后，您可以使用jQuery的ajax功能調用此方法，並為其傳遞要刪除的圖像名稱。 我建議將您的Web服務限制為ajax POST請求，並且正如Richard在評論中指出的那樣，限制了可以刪除和不能刪除的內容。