简单的jQuery图片上传预览代码

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="./public/index.js"></script>
	<script>
		$(function(){
			var img1 = new ImgUpload('.imgLog',210,55,55);
			var img2 = new ImgUpload('.imgLog2',100,100,100);
			var img3 = new ImgUpload('.imgLog3',400,200,200);
            
		    $(document).on('change',".imgLog input",function(e){
		    	//模拟后台返回url
		    	var url = window.URL.createObjectURL(e.target.files[0]);
		    	$(this).parent().css('background','url('+url+')0% 0% / cover')
			    console.log(window.URL.createObjectURL(e.target.files[0]))
                
			    img1.setSpan(this)
			})

            $(document).on('change',".imgLog2 input",function(e){
		    	//模拟后台返回url
		    	var url = window.URL.createObjectURL(e.target.files[0]);
		    	$(this).parent().css('background','url('+url+')0% 0% / cover')
			    img2.setSpan(this)
			})	

            $(document).on('change',".imgLog3 input",function(e){
		    	//模拟后台返回url
		    	var url = window.URL.createObjectURL(e.target.files[0]);
		    	$(this).parent().css('background','url('+url+')0% 0% / cover')
                
			    img3.setSpan(this)
			})						

		})

	</script>