无刷新上传图片

最新推荐文章于 2021-04-12 11:12:31 发布

pughua

最新推荐文章于 2021-04-12 11:12:31 发布

阅读量1.2k

点赞数

分类专栏： asp.net 文章标签： string function input stream button div

本文链接：https://blog.csdn.net/pughua/article/details/2482560

版权

asp.net 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

说明：为了不误导大家说明一下，该文章不能实现无刷新上传，具体解决方法还在研究ing

本文客服端使用的是ajax.net异步上传文件 1.在 protected void Page_Load(object sender, EventArgs e) { Ajax.Utility.RegisterTypeForAjax(typeof(renzheng1)); } 中注册类。 2.后台代码中的webservice //filePath 本地文件路径 //ext 文件扩展名 [Ajax.AjaxMethod()] public string RenZhengCom(string filePath,string ext) { string str = "/UploadFile/renzheng/" + Pq168Help.GenerateFileName()+ext; string SaveUrl = Server.MapPath(str);//上传到什么位置 WebClient myWebClient = new WebClient();//创建WebClient实例 myWebClient.Credentials = CredentialCache.DefaultCredentials;//得到网络凭据 FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read); BinaryReader r = new BinaryReader(fs); if (fs.Length / 1024 > 200) { return "你输入的图片大于200k！"; } byte[] postArray = r.ReadBytes((int)fs.Length); Stream postStream = myWebClient.OpenWrite(SaveUrl, "PUT"); postStream.Write(postArray, 0, postArray.Length); postStream.Close(); return "上传成功！"; } 3.js代码 function saveimg(obj) { var img=document.getElementById('upfile'); if(CheckImg(img.value.toLowerCase())) { obj.disabled="disabled"; var tt=renzheng1.RenZhengCom(idzhi.value,img.value,getExt(img.value)); obj.disabled=""; alert(tt.value); } else { alert('请上传正确的图片！'); } } function CheckImg(str) { var strFilter=".jpeg|.gif|.jpg|.png|.bmp|.pic|" if(str.indexOf(".")>-1) { var p = str.lastIndexOf("."); var strPostfix=str.substring(p,str.length) + '|'; strPostfix = strPostfix.toLowerCase(); if(strFilter.indexOf(strPostfix)>-1) { return true; } } return false; } 4.页面 <body > <form id="form1" runat="server"> <div> </div> <div> 上传营业执照： <input type="file" id="upfile" οnchange="showpic(this);" />*注意，文件小于200k，文件格式要求jpg、gif、png和bmp。 <div><img alt="上传图片" width="180px" height="135px" id="ImageUrl"/></div> <input type="button" value="提交" οnclick="saveimg(this)" /> </div></form> </body> 5.其他使用ajax.net，需要引用ajax.dll，并在web.config中设置 <httpHandlers> <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" /> </httpHandlers>