异步上传图片(jquery.form.js)
1.新建一个test.aspx页面
<!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 runat="server">
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.form.js"></script>
v
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function () {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function () {
alert("Thank you for your comment!");
});
});
</script>
</head>
<body>
<form id="myForm" action="testajax.aspx" method="post" enctype="multipart/form-data">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
<input type="file" id="f" name="f" />
<input id="Submit1" type="submit" value="submit" />
</form>
</body>
</html>
2.新建一个testajax.aspx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Net;
using System.IO;
namespace BatchImageUpload
{
public partial class testajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//Response.Write("success");
if (HttpContext.Current.Request.Files["f"] != null)
{
HttpPostedFile hf = HttpContext.Current.Request.Files["f"];
FileStream fs = new FileStream(Server.MapPath("~/1.txt"), FileMode.Create);
StreamWriter sw = new StreamWriter(fs);
Random rn = new Random();
string s = hf.FileName + "01233";
sw.Write(s);
sw.Flush();
sw.Dispose();
hf.SaveAs(Server.MapPath("~/"+hf.FileName));
}
else
{
FileStream fs2 = new FileStream(Server.MapPath("~/2.txt"), FileMode.Create);
string name = Request["name"].ToString();
StreamWriter sw = new StreamWriter(fs2);
sw.Write(name);
sw.Flush();
sw.Dispose();
}
}
}
}