當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

点击图片,AJAX删除后台图片文件

發(fā)布時間：2023/12/20 编程问答 29 豆豆

生活随笔收集整理的這篇文章主要介紹了点击图片,AJAX删除后台图片文件小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

點(diǎn)擊頁面上的圖片，用jQuery的AJAX來刪除后臺真實(shí)的文件。

包含了2個頁面，一個是顯示圖片的頁面，一個是傳遞文件名，然后刪除真實(shí)圖片的頁面。具體的代碼如下：

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);
??????????????????? }
??????????????? });
??????????? });
??????? });?

轉(zhuǎn)載于:https://www.cnblogs.com/chenping-987123/archive/2010/11/24/1886563.html

總結(jié)

以上是生活随笔為你收集整理的点击图片,AJAX删除后台图片文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。