ajax+ashx上传文件到服务器保存数据到数据库_教程

第一：建立Default.aspx页面

<html>

<title>ajax图片上传</title>

function upload(){

var path = document.getElementById("File1").value

var img = document.getElementById("img1")

if($.trim(path)==""){

alert("请选择要上传的文件")

return

}

$("#form1").ajaxSubmit({

success: function (str) {

if(str!=null &&str!="undefined"){

if (str == "1") {alert("上传成功")document.getElementById("img1").src="images/logo.jpg?"+new Date()/*上传后刷新图片*/}

else if(str=="2"){alert("只能上传jpg格式的图片")}

else if(str=="3"){alert("图片不能大于1M")}

else if(str=="4"){alert("请选择要上传的文件")}

else {alert(' *** 作失败！')}

}

else alert(' *** 作失败！')

error: function (error) {alert(error)},

url:'Handler.ashx', /*设置post提交到的页面*/

type: "post", /*设置表单以post方法提交*/

dataType: "text" /*设置返回值类型为文本*/

})

}

</script>

</head>

<body>

</form>

</body>

</html>

this

：

比如前台有3个INPUT：

然后后台：

HttpFileCollection

files

HttpContext.Current.Request.Files

//这个files里面就是你上传文件的集合。遍历即可。

欢迎分享，转载请注明来源：内存溢出

ajax+ashx上传文件到服务器保存数据到数据库