前端页面上传图片文件 以ajax请求 最终在页面渲染

前端页面上传图片文件 最终在页面渲染

  //为文件域设置change事件
  // fileUpload是要上传文件的文本框id
 // 注册文本框内容改变事件
	   $('#fileUpload').change(function(e){
	   	// 通过事件对象的files属性得到文件信息
		   var file = e.target.files[0];
		   console.log(file);
		   // 通过FromData构造上传数据对象
		   var formdata = new FormData();
		   // 以键值对的方式把上传的图片存进formdata里边
		   formdata.append("file",file);
		   // 发送Ajax请求
		   $.ajax({
			   url:"/category/addSecondCategoryPic",
			   type:'post',
			   data:formdata,
			   processData: false,  //禁止对数据转码,
			   contentType: false ,  //禁止设置请求头
			   success:function(data){
				$('#preview').attr("src",data.result.picAddr);
				previewImg = data.result.picAddr;
			   }
		   })
	   })