前端使用FormData实现上传文件

场景: 用户通过点击图片弹出上传文件的框框，然后选择将要替换的图片，选择后实时预览，点击确定后通过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;
}