上传头像,界面无跳转的方式很多,我用的是加个iframe那种。下面直接上代码。
html:
//route 为后端接口
//upload/avatar 为上传的头像的保存地址
//imgurl=/upload/avatar/<?=$uid?> 这里最后的<?=$uid?>是为了后面用js实现即时显示最新的更换后的头像用的,参照下面的js部分的代码
//头像保存名称为uid.type,如1.jpg,2.png等
//$user['avatar'] 用户如果上传过头像,该用户数据库中的avatar字段将赋予时间戳,否则为空
<form target="iframe" enctype="multipart/form-data" action="route?imgurl=/upload/avatar/<?=$uid?>" method="post" id="upload_form"> <img class="thumb" src="<?php if($user['avatar']) echo $my_img; else echo '/view/img/100.png'; ?>" style="width:100px; height:100px;" /> <input type="file" name="file" size="28" /> <input type="submit" name="submit_file" value="确定" style="display: none;"/></form><iframe id="iframe" name="iframe" style="display: none;"></iframe>