码迷,mamicode.com
首页 > Web开发 > 详细

jquery html5 上传图片并且 图片回显

时间:2015-06-03 15:44:51      阅读:556      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
  <script type="text/javascript"> 
   $(function(){
	 var fil=$("#fil");
	 $("<img>").insertAfter("input");
	 fil.bind('change',function(){
		 var fordate=new FormData();
		 var fils=$("#fil").get(0).files[0];
		 fordate.append('pic',fils);
		 var srcc=window.URL.createObjectURL(fils);	  
		 console.log(srcc);	
		 $("img").attr({'src':srcc,'width':500+'px','heigth':500+'px'});
		 $.ajax({
			  url: "index4.php",
			  type: "post",
			  data: fordate,
			  processData : false,
			  contentType : false, 
			  success: function(html){
			    console.log(html);
			  }
			});
	     
	 });
	});
  </script>
</head>
<body> 
   <input type="file" id="fil">
</body>

jquery html5 上传图片并且 图片回显

标签:

原文地址:http://blog.csdn.net/xingjigongsi/article/details/46345961

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!