js ajax图片,关于js ajax上传图片-CSDN博客

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

前台：function UploadPic()//上传图片{ var xmlHttpReq = null;//声明一个空对象用来装入XMLHttpRequestvar timenow = new Date().getTime();

if (window.XMLHttpRequest)//除IE5 IE6 以外的浏览器XMLHttpRequest是window的子对象{ xmlHttpReq = new XMLHttpRequest();//我们通常采用这种方式实例化一个XMLHttpRequest }

else if (window.ActiveXObject)//IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的{xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE5 IE6是通过这种方式}

if(xmlHttpReq != null)//如果对象实例化成功我们就可以干活啦{xmlHttpReq.open("post","/czqcw/Active.aspx",false);//调用open()方法并采用异步方式,flase是同步，发送信息时，不能再操作。xmlHttpReq.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); var SendData = 'm_id=0&param1=no&param2=no&param3=no&param4=no&param5=no&param6='+[color=#FF0000]document.getElementById('imgFile').value[/color]; xmlHttpReq.onreadystatechange=RequestCallBack; //设置回调函数 xmlHttpReq.send(null);//因为使用get方式提交，所以可以使用null参调用 }

function RequestCallBack()//一旦readyState值改变，将会调用这个函数{ if(xmlHttpReq.readyState == 4) {var all_data = xmlHttpReq.responseText+":qt";alert(all_data); document.getElementById('pic_src').value=all_data; } }}

切换至预览模式

图片路径

后台：if (m_id == "0") {ResImg();Response.Write(str);Response.End(); }

private void ResImg() { try{string root,year,month,day,times,suf,fileName; HttpPostedFile imgFile = [color=#FF0000]Request.Files["param6"][/color];fileName = imgFile.FileName.ToString(); //文件名(客户端)suf = fileName.Substring(fileName.LastIndexOf(".") + 1);//后缀名if (imgFile!=null) { if (suf == "gif" || suf == "jpg" || suf == "bmp") { //---------------------------相关文件夹的创建开始-------------------------------------------------------------------------------//root = "~/Upload/images/";year = DateTime.Now.Year.ToString(); month = DateTime.Now.Month.ToString(); day = DateTime.Now.Day.ToString();times = Convert.ToString(year + month + day + DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString());//现在时间 fileName = times + r.Next(100).ToString() + "." + suf; //如果images文件夹不存在则创建 if (Directory.Exists(Server.MapPath(root)) == false) { Directory.CreateDirectory(Server.MapPath(root)); } //如果year文件夹不存在则创建 if (Directory.Exists(Server.MapPath("" + root + "" + year + "/")) == false) { Directory.CreateDirectory(Server.MapPath("" + root + "" + year + "/")); } //如果month文件夹不存在则创建 if (Directory.Exists(Server.MapPath("" + root + "" + year + "/" + month + "/")) == false) { Directory.CreateDirectory(Server.MapPath("" + root + "" + year + "/" + month + "/")); } //如果day文件夹不存在则创建 if (Directory.Exists(Server.MapPath("" + root + "" + year + "/" + month + "/" + day + "/")) == false) { Directory.CreateDirectory(Server.MapPath("" + root + "" + year + "/" + month + "/" + day + "/")); } //---------------------------相关文件夹的创建结束-------------------------------------------------------------------------------//

//--------------------------------上传文件开始----------------------------------------------------------------------------------// imgFile.SaveAs(Server.MapPath("" + root + "" + year + "/" + month + "/" + day + "/") + fileName); str = "../Upload/images/" + year + "/" + month + "/" + day + "/" + fileName;} }}catch{str="error path!";}}

我如何才能真正让后台得到imgFile的值并正确上传，后台程序是没问题的，问题就在于这个id为"imgFile"的文本控件，如何才能得到并正确上传，急，在线等。