清廉桂林网站,2023最火的十大新闻,品牌建设促进会,西宁seo网站这是数月前的事情了#xff0c;场景是这样的#xff1a; 在进行图片上传的时#xff0c;我发现开发人员使用的上传图片方式是Iframe 传统的 http post 来处理的。而且未建立统一上传函数。于是将代码改造了。心想来个ajax异步上传图片吧#xff0c;这技术应该很老套了。于…这是数月前的事情了场景是这样的 在进行图片上传的时我发现开发人员使用的上传图片方式是Iframe 传统的 http post 来处理的。而且未建立统一上传函数。于是将代码改造了。心想来个ajax异步上传图片吧这技术应该很老套了。于是直接打开强大的cnblogs轻松的找到了 这篇文章 直接依葫芦画瓢将该作者的劳动成果直接“拿来主义了”。很快就把代码全改造了。可是当我把程序发布到服务器上的时问题来了。上传文件失效了汗 都是偷懒造成的恶果。继续打开先前参考的那篇文章。原来作者解释了只能在本地使用而不能发布到服务器上。心想我难道还得用 iframe http post 这个 郁闷的方式么于是不甘心的我打开了更加强大的google开始全球搜索寻求解决方案终于功夫不负有心人。找到了 jquery.form.js 。异步上传图片的步骤如下1.引用 jquery js 框架(这东西的好处无需多论)后再引用 “jquery.form.js”。2.建立一般处理程序 ashx。核心代码如下html:$(function () {//上传图片$(#btnUpload).click(function () {if ($(#flUpload).val() ) {alert(请选择一个图片文件再点击上传。);return;}$(#UpLoadForm).ajaxSubmit({success: function (html, status) {var result html.replace(, );result result.replace(, );$(#image).attr(src, result);alert(result);}});});});ashx 如下namespace TestMvc.Utility{/// /// Summary description for PicUploadHander/// public class PicUploadHander : IHttpHandler{public void ProcessRequest(HttpContext context){context.Response.ContentType text/plain;//验证上传的权限TODOstring _fileNamePath ;try{_fileNamePath context.Request.Files[0].FileName;//开始上传string _savedFileResult UpLoadImage(_fileNamePath, context);context.Response.Write(_savedFileResult);}catch{context.Response.Write(上传提交出错);}}注整个上传使用ajax 异步数据同时jquery回调出上传成功后图片在服务器上的相对路径。总的来说此方式相对传统的上传图片方式要强一些。本例代码在此下载FireFox 下测试通过。http://xiazai.jb51.net/201011/yuanma/AjaxUploadPic.rar
