场景: 用户通过点击图片弹出上传文件的框框,然后选择将要替换的图片,选择后实时预览,点击确定后通过ajax上传到服务器.
前端html
<div id="img_div">
<input type="file" id="img_upload">
<img id="picture" src="$picturePath$" alt="头像" class="img-rounded">
</div>
将上述html中的上传input元素的透明度设置为0,并且设置宽度和高度,用它来遮住a标签,注意设置外部div的position
#img_div{
position: relative;
}