文件上传
是将文件由客户端传到服务器
上传分为两种
- 表单上传
- ajax上传
表单上传
主要依赖于form和文件域,并且需要满足如下几个条件
form 要将 entype 属性的值设置为 enctype=“multipart/form-data”
将 method 属性的值设置为 post
文件域一定要有name属性
PHP 使用 超全局变量 $_FILES 获取上传的信息
echo '<pre>';
print_r($_FILES['file']);
echo '</pre>';
输出结果为一个数组
- name:上传的文件的原名称
- type:上传的文件的类型
- tmp_name:文件上传后在服务器上的临时路径
- error:上传过程中的错误信息
- size:上传文件的大小
移动临时存放的文件移动到指定的目录下
// echo '<pre>';
// print_r($_FILES['file']);
// echo '</pre>';
$file=$_FILES['file'];
// 获取文件扩展名
$res=pathinfo($file['name']);
$exname=$res['extension'];
// 生成唯一的名字
$filename=time().'.'.$exname;
move_uploaded_file($file['tmp_name'],'./upload/'.$filename);
ajax上传
<script>
$('#fileupload').fileupload({
dataType: 'json',
url: "ajaxupload.php",//文件的后台接受地址
//设置进度条
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100);
$('#progress .bar').css(
'width',
progress + '%'
);
},
//上传完成之后的操作,显示在img里面
done: function (e, data) {
$("#uploadimg").attr('src', data.result.url);
}
});
</script>
php页面
$file=$_FILES['file'];
// 获取文件扩展名
$res=pathinfo($file['name']);
$exname=$res['extension'];
// 生成唯一的名字
$filename=time().'.'.$exname;
move_uploaded_file($file['tmp_name'],'./upload/'.$filename);
// 返回上传成功后图片名称
echo json_encode(['url'=>'upload/'.$filename]);