图片上传后即时预览

2019独角兽企业重金招聘Python工程师标准>>>

	
		
		//设置图片上传后预览的div样式
		
			#preview, .img, img
			{
			width:200px;
			height:200px;
			}
			#preview
			{
			border:1px solid #000;
			}
		
	
	
		
		
		//图片上传和预览
		
			function preview(file)
			{
			var prevDiv = document.getElementById('preview');
			if (file.files && file.files[0])
			{
			var reader = new FileReader();
			reader.onload = function(evt){
			prevDiv.innerHTML = '
			
			';
			}
			reader.readAsDataURL(file.files[0]);
			}
			else
			{
			prevDiv.innerHTML = '
			
			';
			}
			}
		
	
​

 

转载于:https://my.oschina.net/coder1234/blog/1555117