Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > ajax

swfupload ajax无刷新上传图片实例代码

来源:中文源码网    浏览:181 次    日期:2024-05-16 08:46:29
【下载文档:  swfupload ajax无刷新上传图片实例代码.txt 】


swfupload ajax无刷新上传图片实例代码
最近自己做项目的时候需要添加一个功能,上传用户的图片,上传用户图片其实涉及到很多东西,不只是一个html标签或者asp.net封住好的FileUpload 控件,现在网站不再讲究的是功能性,更多的是用户体验性,在这里上传图片就需要用到ajax无刷新上传图片,这里面包含的东西不是一点半点。这里用到的是一个插件swfupload 实现无刷新上传图片。直接上传我的代码供大家参考。 前台代码区: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChangeAvatar.aspx.cs" Inherits="NovelChannel.ChangeAvatar" %>

拖过
后台一般处理程序区: (UploadAvatar.ashx) 复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.IO; using System.Drawing; using System.Web.Script.Serialization; using System.Drawing.Drawing2D; namespace NovelChannel.Ajax { /// /// UploadAvatar 的摘要说明 /// public class UploadAvatar : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; //context.Response.Write("Hello World"); HttpPostedFile uploadFile = context.Request.Files["FileData"]; string ext = Path.GetExtension(uploadFile.FileName); if (ext != ".jpg") { context.Response.Write("非法的文件类型"); return; } string fileName = DateTime.Now.ToString("yyMMddhhMMss") + new Random().Next(1000, 9999) +".jpg"; string filePath = "/Images/UserImg/" + fileName; string fullPath = HttpContext.Current.Server.MapPath("~" + filePath); uploadFile.SaveAs(fullPath); System.Drawing.Image img = Bitmap.FromFile(fullPath); string[] strs={filePath,img.Size.Width.ToString(),img.Size.Height.ToString()}; JavaScriptSerializer jss=new JavaScriptSerializer (); string json=jss.Serialize(strs); context.Response.Write(json); } public bool IsReusable { get { return false; } } } } 这样就可以实现无刷新上传图片的效果了。由于项目中包含一部分jQuery-UI的拖拽效果,如果对大家的项目没有什么帮助的话请适当删除。

相关内容