php+js iframe实现上传头像界面无跳转
2024-05-04 22:21:29
供稿：网友
上传头像，界面无跳转的方式很多，我用的是加个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>
php:
代码如下:
$token = param('token');
$user = user_from_token($token);
!$user AND exit("<p class='iframe_message' status='0'>$lang[user_not_exists]</p>");
//文件存储路径
$file_path="./upload/avatar/";
//664权限为文件属主和属组用户可读和写，其他用户只读。
if(is_dir($file_path) != TRUE) mkdir($file_path, 0664) ;
//定义允许上传的文件扩展名
$ext_arr = array("gif", "jpg", "jpeg", "png", "bmp");
if (empty($_FILES) === false) {
//判断检查
$photo_up_size > 2097152 AND exit("<p class='iframe_message' status='0'>对不起，您上传的照片超过了2M</p>");
$_FILES["file"]["error"] > 0 AND exit("<p class='iframe_message' status='0'>文件上传发生错误：".$_FILES["file"]["error"]."</p>");
//获得文件扩展名
$temp_arr = explode(".", $_FILES["file"]["name"]);
$file_ext = array_pop($temp_arr);
$file_ext = trim($file_ext);
$file_ext = strtolower($file_ext);
//检查扩展名
if (in_array($file_ext, $ext_arr) === false) {
exit("<p class='iframe_message' status='0'>上传文件扩展名是不允许的扩展名</p>");
}
//删除目录下相同前缀的文件
if($dh = opendir($file_path)) {
while(($file = readdir($dh)) !== false) {
$file_arr = $file.split('.');
if($file_arr[0] == $user['uid']) unlink($file_path.$file);
}
}
//以uid重命名文件
$new_name = $user['uid'].".".$file_ext;
//将文件移动到存储目录下
move_uploaded_file($_FILES["file"]["tmp_name"], $file_path.$new_name);
//裁剪压缩图片
clip($file_path.$new_name, $file_path.$new_name, 0, 0, 100, 100);
