图片上传

图解:

1.png
  • 表单的写法要注意3点
  • form的method要为post类型
  • form一定要加enctype=multipart/form-data
  • input为file类型

form表单代码

<form action="1.php" method="post" enctype="multipart/form-data">
    <p><input type="file" name="pic" /></p>
    <p><input type="submit" value="提交" /></p>
</form>

接受到内容打印$_FILES

2.png

因为tmp_name是临时路径,图片传到目录就被删除了,所以想要获得图片,需要用move_uploaded_file 将上传的文件移动到新位置

if(move_uploaded_file($_FILES['pic']['tmp_name'],'./'.$_FILES['pic']['name'])) {
    echo 'ok';
} else {
    echo 'fail';
}

最终demo

封装如下函数

/**
*
*按日期创建一个文件目录,用于保存图片
*@return string $path 返回图片相对路径
*/
function createDir(){
    $path='/upload/'.date('Y/md');
    $load=ROOT . $path;
    if(is_dir($load) || mkdir($load,0777,true)){
        return $path;
    }else{
        return false;
    }
}
/**
*
*获取文件后缀
*@param string $filename 文件名
*@return string $str 返回取出的后缀$type
*/
function getEnd($filename){
    return strrchr($filename,'.');
}
/**
*
*获取随机字符串
*@param int $length 取字符串的位数
*@return string $str 
*/
function randstr($length=6){
    $str=str_shuffle("qwertyuioplkjhgfdsazxcvbnmQWYRIEOKFCNMVZALP1234567890");
    $str=substr($str,0,$length);
    return $str;
}
/**
*
*判断是否为图片函数
*@param string $filename 图片路径
*@return bool 
*/
function isImage($filename){
    $types = '.jpg|.gif|.jpeg|.png|.bmp';//定义检查的图片类型
    return stripos($types,getEnd($filename));
}

php接受post请求

if(isImage($_FILES['pic']['name'])!==false){
    //拼接新的图片名,避免重复
    $file=time().randStr().getEnd($_FILES['pic']['name']);
    //创建图片目录,返回路径/dfdf/dfdf
    $path=createDir().'/'.$file;
    move_uploaded_file($_FILES['pic']['tmp_name'],ROOT.$path);
    //成功写入数据库
    $art['image']=$path;
    //生成缩略图写入数据库
    $art['thumb']=makeThumb($path);
}

相关配置
file_uploads -> 是否允许 HTTP 文件上传
upload_max_filesize -> 所上传的单个文件的最大大小(字节)
post_max_size -> 设定 POST 数据所允许的最大大小(字节)
upload_tmp_dir -> 文件上传时存放文件的临时目录
max_execution_time->脚本最大执行时间
通过_FILES限制文件的上传类型和大小

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.场景还原 近期,由于项目需求需要上传图片logo,笔者在探索的过程中遇到过很多坑,今晚就把个人经验分享出来尽量...
    老张家的独苗阅读 2,286评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,969评论 19 139
  • 基于html5的多图片上传 本文是建立在张鑫旭大神的多文图片传的基础之上.首先先放出来大神多图片上传的博客地址:h...
    cofuMaster阅读 9,256评论 0 13
  • 图片上传包括:选择指定图片发送 和 直接复制黏贴屏幕截图发送 1. 发送选中的图片 Node.js的Formida...
    淡就加点盐阅读 2,697评论 2 4
  • 先看一下效果图: (一)头像裁切、上传服务器(效果图) 一般都是有圆形显示头像的,这里我自定义了一个ImageVi...
    kingZXY2009阅读 5,517评论 5 15