ajax异步上传图片

类别:ajax  阅读:382  发布时间:Fri May 06 21:06:38 CST 2016

使用jquery.fom.js实现异步图片上传,并显示:

jietu.png

//上传图片
function uploadPic(){
	//定义参数
	var options = {
		url : "${pageContext.request.contextPath }/upload/uploadPic.do",
		dataType : "json",
		type :  "post",
		success : function(data){
			//回调 二个路径  
			//url
			//path
			$("#headImg").attr("src","${pageContext.request.contextPath }/static/userImages/"+data.imageName);
			$("#imageName").val(data.imageName);
		}
	};
	//jquery.form使用方式
	$("#form1").ajaxSubmit(options);
	
}

注意:回显图片的路径和要保存到数据库的字段,放到hidden标签中

关键字:ajax 异步 上传 图片

© copyright 粤ICP备16108162号-1