ajax 图片上传

html 部分：

<form action="" id='myForm' enctype="multipart/form-data">
      <div style="width:0px; height:0px; overflow:hidden;">
           <input type='file' name='head' id='myHead' onchange="updateHead();"/>
      </div>
</form>

//触发控件
<img onclick="$('#myHead').click();" <if condition="empty($user['avatar'])">src="__IMG__/pic_04@2x.png"<else/>src="{$user.avatar}"</if> alt="" class='userphoto'/>

js部分:

function updateHead(){
        var fd = new FormData(document.getElementById('myForm'));
        var xhr = new XMLHttpRequest();
        // xhr.open('post', 'user.php?act=update_head');
        xhr.open('post', "{:U('User/avatar_save')}");
        xhr.send(fd);
        xhr.onreadystatechange = function(){
            if ( xhr.readyState ==  && xhr.status ==  ) {
                var res = xhr.responseText;
                if(res=='') location.reload();
            }
        };
    }