点击图片,AJAX删除后台图片文件
點擊頁面上的圖片，用jQuery的AJAX來刪除后臺真實的文件。
包含了2個頁面，一個是顯示圖片的頁面，一個是傳遞文件名，然后刪除真實圖片的頁面。具體的代碼如下：
ShowPics.htm:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
??? <title>Untitled Page</title>
??? <script src="JS/jquery-1.4.4.js" type="text/javascript"></script>
??? <script src="JS/json2.js" type="text/javascript"></script>
??? <script type="text/javascript">
??????? $(function() {
??????????? $("body img").click(function() {
??????????????? var name = $(this).attr("alt");
??????????????? $.ajax({
??????????????? url: "DeletePicsForm.aspx",
??????????????????? data: "picname="+name,
??????????????????? datatype: "json",
??????????????????? type: "GET",
??????????????????? contentType: "application/json; charset=utf-8",
??????????????????? success: function(data, textStatus) {
??????????????????????? alert(data.result);
??????????????????? },
??????????????????? error: function(XMLHttpRequest, textStatus, errorThrown) {
??????????????????????? alert(XMLHttpRequest);
??????????????????? }
??????????????? });
??????????? });
??????? });
??? </script>
</head>
<body>
?<div>
??????????? <img src="Images/xiyangyang.jpg" alt="xiyangyang.jpg" />
??? </div>
</body>
</html>
具體的刪除的頁面的代碼如下：
DeletePicsForm.aspx.cs：
??protected void Page_Load(object sender, EventArgs e)
??????? {
??????????? if (Request["picname"] != null)
??????????? {
??????????????? Response.Clear();
??????????????? Response.ContentType = "application/json";
??????????????? String result = "success";
??????????????? try
??????????????? {
??????????????????? File.Delete(Server.MapPath(@"\Images\")+Request["picname"].ToString());
??????????????? }
??????????????? catch (Exception ee)
??????????????? {
??????????????????? result = ee.Message;
??????????????? }
??????????????? Response.Write("{\"result\":\"" +result+ "\"}");
??????????????? Response.End();
??????????? }
??????? }
對于上面圖片名稱的傳遞，是用的GET方式，想換成POST方式可以用如下的方法：
? $(function() {
??????????? $("body img").click(function() {
??????????????? var name = $(this).attr("alt");
??????????????? $.ajax({
??????????????????? url: "DeletePicsForm.aspx",
??????????????????? data: { picname: name },
??????????????????? datatype: "json",
??????????????????? type: "post",
??????????????????? success: function(data, textStatus) {
??????????????????????? alert(data.result);
??????????????????? },
??????????????????? error: function(XMLHttpRequest, textStatus, errorThrown) {
??????????????????????? alert(XMLHttpRequest);
??????????????????? }
??????????????? });
??????????? });
??????? });?
轉載于:https://www.cnblogs.com/chenping-987123/archive/2010/11/24/1886563.html
總結
以上是生活随笔為你收集整理的点击图片,AJAX删除后台图片文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 桩训日记
- 下一篇： post和get传值