jQuery ajax无刷新上传

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    function doUpload(){
        var oData = new FormData($('#uploadForm')[0]);
	$.ajax({
          url:"upload.php",
	  type:"post",
	  data:oData,
	  processData: false,
	  contentType: false,
	  cache: false,
	  success:function(obj){
		 var data = eval("("+obj+")");
		 if(data.code == 1){
		  $('#img_show').html('<img src="'+data.url+'" style="width:100px;height:100px;"/>');
		}else{
		  alert(data.message);
		}
	  }
        });        
    }
</script>
<form id="uploadForm" enctype="multipart/form-data"> 
	<p >上传文件: <input type="file" name="file"/></p>  
	<p><input type="button" value="上传" onclick="doUpload()"/>  </p>
</form>
<div id="img_-show"></div>

  

posted @ 2016-07-18 14:50  萄子  阅读(117)  评论(0)    收藏  举报