具体是这样的:一个页面只显示四张图片,每张图片下一个文件输入框,也要对类型进行验证,
用ajax方式上传,上传成功后把该位置的图片换成刚刚上传的图片.越简单越好,网上都是些外国的框架,英语不想看.大侠们帮忙的说,差不多通宵了,我还是没弄出来,累得吐血了谢谢
用ajax方式上传,上传成功后把该位置的图片换成刚刚上传的图片.越简单越好,网上都是些外国的框架,英语不想看.大侠们帮忙的说,差不多通宵了,我还是没弄出来,累得吐血了谢谢
整个表单也可以被Post到server。
<iframe name="ajaxifr" style="display:none;"></iframe>
<!--这里设置target="ajaxifr",这样表单就提交到iframe里面了,和平时未设置target属性时默认提交到当前页面-->
<!--注意一点的是使用iframe时在提交到的页面可以直接输出js来操作父页面的信息,一般的ajax提交文本信息时你需要返回信息,如果是js信息你还得eval下-->
<form method="post" enctype="multipart/form-data" action="upload.ashx" target="ajaxifr" onsubmit="return check(this)">
文件描述:<input type="text" name="des" /><br />
选择文件:<input type="file" name="upfile" /><br />
<input type="submit" value="提交" />
</form>
<!--放入此div用来实现上传的结果-->
<div id="ajaxMsg"></div>
private string Js(string v) {//此函数进行js的转义替换的,防止字符串中输入了'后造成回调输出的js中字符串不闭合
if (v == null) return "";
return v.Replace("'", @"\'");
}
//下面就是一个简单的示例,保存上传的文件,如果要验证上传的后缀名,得自己写,还有写数据库什么的
public void ProcessRequest (HttpContext context) {
HttpRequest Request = context.Request;
HttpResponse Response = context.Response;
HttpServerUtility Server = context.Server;
//指定输出头和编码
Response.ContentType = "text/html";
Response.Charset = "utf-8";
HttpPostedFile f = Request.Files["upfile"];//获取上传的文件
string des = Request.Form["des"]//获取描述
,newFileName=Guid.NewGuid().ToString();//使用guid生成新文件名 if (f.FileName == "")//未上传文件
Response.Write("<script>parent.UpdateMsg('','');</script>");//输出js,使用parent对象得到父页的引用
else { //保存文件
newFileName += System.IO.Path.GetExtension(f.FileName);//注意加上扩展名
try {
f.SaveAs(Server.MapPath("~/uploads/" + newFileName));//如果要保存到其他地方,注意修改这里 //调用父过程更新内容,注意要对des变量进行js转义替换,繁殖字符串不闭合提示错误
Response.Write("<script>parent.UpdateMsg('" +Js(des)+ "','" + newFileName + "')</script>");
}
catch {
Response.Write("<script>alert('保存文件失败!\\n请检查文件夹是否有写入权限!');</script>");//如果保存失败,输出js提示保存失败
}
}
}这个网站有可以下载去http://www.code-design.cn/