Contains 2 pages, one is the page to display the picture, one is to pass the filename, and then delete the real picture of the page. The specific code is as follows:
Showpics.htm:
Copy CodeThe code is as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<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>
<body>
<div>
</div>
</body>
The code for the specific deleted page is as follows:
DeletePicsForm.aspx.cs:
Copy CodeThe code is as follows:
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 ();
}
}
For the above picture name transmission, is using the get way, want to change post way can use the following method:
Copy CodeThe code is as follows:
$ (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);
}
});
});
});
