Html
    Css
    Js
body {
	margin:0;
}
.fixed {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
.file {
	display:block;
	height:120px;
	width:120px;
	margin:0 auto;
	position:relative;
	top:calc(50% - 60px);
	overflow:hidden;
	text-decoration:none;
	text-indent:0;
	border:none;
}
.file input {
	height:120px;
	width:120px;
	font-size:100px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	opacity:0;
	z-index:999;
}
.file img {
	width:200px;
	position:absolute;
	left:0;
	top:0;
	border:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

用FileReader对象制作单张图片上传预览

0