上传图片本地预览

最新推荐文章于 2024-08-17 14:29:59 发布

项慈航

最新推荐文章于 2024-08-17 14:29:59 发布

阅读量513

点赞数

本文链接：https://blog.youkuaiyun.com/zzb521zzb/article/details/23780423

版权

<html>
	<head>
		<script src="jquery.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function(){
				$('#fileInput').change(function(){
					var files = this.files ? this.files : [];
					
					if(files.length == 0 || !window.FileReader) return;
					
					if(/^image/.test(files[0].type)){
					
						var reader = new FileReader();
						
						reader.readAsDataURL(files[0]);
						
						reader.onloadend = function(){
						
							$('#previewDiv').css('background-image', 'url(' + this.result + ')');
						
						};
					}
				});
			});
		</script>
		
	</head>
	
	<body>
		<div style="background:no-repeat url(q.svg); height:200px; width: 200px;" id="previewDiv"></div> 
		
		<input type="file" id="fileInput" />
	</body>
</html>