嘻嘻，自从圣诞节过后，就一直懒散，这几天也因为是太过于繁忙的原因，感觉好久都没有出来冒冒泡，诶...

为了生活一直在奋斗，作为一名前端开发工程师，我现在越来越迷茫了，都不知道现在自己到底算什么了？

会html5和从css3 是前端？

会php 是前端？

会smarty 是前端？

会javascript是前端？

会jQuery 是前端？

会Ajax 是前端？

会各种框架是前端？

总之现在越来越感觉自己不是一个前端人员了，学得多，用的杂，这难道就是前端的命运？

网站前端：

前端对于网站来说，通常是指，网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计， 前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，现在最新的高级版本是HTML5、CSS3，以及SVG等。

最近接触到了一些php的东西，感觉还不错，所以还是与大家分享一下吧！

php头像上传：

1、html

<html>

<head>

<title>图片上传</title>

<style type="text/css">

body

    {font-size: 14px;}

</style>

</head>  

<body>

<form enctype="multipart/form-data" method="post" name="upform">

  上传文件:

  <input name="upfile" type="file">

  <input type="submit" value="上传"><br>  

</form>

</body>
</html>

2、php  上传头像

<?php

 //上传文件类型列表

$uptypes=array(

    'image/jpg',

    'image/jpeg',

    'image/png',

    'image/pjpeg',

    'image/gif',

    'image/bmp',

    'image/x-png'

);

$max_file_size=2000000;     //上传文件大小限制, 单位BYTE

$destination_folder="uploadimg/"; //上传文件路径

$cun="../../images/uploadimg/";

$imgpreview=1;      //是否生成预览图(1为生成,其他为不生成);

$imgpreviewsize=1/2;    //缩略图比例  

?>

简单的定义了一下对于图片上传的格式以及其他的一些参数，

3、具体的判断方法

<?php

if ($_SERVER['REQUEST_METHOD'] == 'POST')

 {

     if (!is_uploaded_file($_FILES["upfile"][tmp_name]))

     //是否存在文件

     {

         echo "图片不存在!";

         exit;

     }  

    $file = $_FILES["upfile"];

    if($max_file_size < $file["size"])

    //检查文件大小

    {

        echo "文件太大!";

        exit;

    }  

    if(!in_array($file["type"], $uptypes))

    //检查文件类型

    {

        echo "文件类型不符!".$file["type"];

        exit;

    }  

    if(!file_exists($destination_folder))

    {

        mkdir($destination_folder);

    }  

    $filename=$file["tmp_name"];

    $image_size = getimagesize($filename);

    $pinfo=pathinfo($file["name"]);

    $ftype=$pinfo['extension'];

    $destination = $destination_folder.time().".".$ftype;

    if (file_exists($destination) && $overwrite != true)

    {

        echo "同名文件已经存在了";

        exit;

    }  

    if(!move_uploaded_file ($filename, $destination))

    {

        echo "移动文件出错";

        exit;

    }  

    if($imgpreview==1)

    {

    echo "<br>图片预览:<br>";

    echo "<img src=\"".$destination."\" width=".($image_size[0]*$imgpreviewsize)." height=".($image_size[1]*$imgpreviewsize);

    echo " alt=\"图片预览:\r文件名:".$destination."\r上传时间:\">";

    }

  }

?>

反正也是瞎猫碰上死耗子，也是这么任性的效果就出来了，嘻嘻， 其中图片生成的储存路径是一个关键，注意一下就好了！

PHP 头像上传的更多相关文章

  1. 强大的flash头像上传插件(支持旋转、拖拽、剪裁、生成缩略图等)

    今天介绍的这款flash上传头像功能非常强大,支持php,asp,jsp,asp.net 调用 头像剪裁,预览组件插件. 本组件需要安装Flash Player后才可使用,请从http://dl.pc ...

  2. 【Bootstrap-插件使用】Jcrop+fileinput组合实现头像上传功能

    作者:Dreawer链接:https://zhuanlan.zhihu.com/p/24465742来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 作者:梦游的龙猫(转 ...

  3. [Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能

    很久没有更新博客了,再不写点东西都烂了. 这次更新一个小内容,是两个插件的组合使用,实现头像上传功能. 业务需求: 头像上传功能,要对上传的文件进行剪切,且保证头像到服务器时必须是正方形的. 优化&l ...

  4. struts 头像上传

    java代码: 1 package cn.itcast.nsfw.user.action; import java.io.File; import java.io.IOException; impor ...

  5. js会员头像上传拖动处理头像类

    js会员头像上传拖动处理头像类 点击下载源码文件

  6. 【javascript】html5中使用canvas编写头像上传截取功能

    [javascript]html5中使用canvas编写头像上传截取功能 本人对canvas很是喜欢,于是想仿照新浪微博头像上传功能(前端使用canvas) 本程序目前在谷歌浏览器和火狐浏览器测试可用 ...

  7. Canvas处理头像上传

    未分类 最近社区系统需要支持移动端,其中涉及到用户头像上传,头像有大中小三种尺寸,在PC端,社区用Flash来处理头像编辑和生成,但该Flash控件的界面不友好而且移动端对Flash的支持不好,考虑到 ...

  8. Html5实现头像上传和编辑，保存为Base64的图片过程

    一.Html5实现头像上传和编辑 插件地址: html5手机端裁剪图片上传头像代码 本地项目引入注意事项: 1.将html的js搬到外面的js文件中,便于管理 2.图片样式在html都是在页面写死,需 ...

  9. 头像上传ASP.NET MVC实现-可拖动大小实时预览

    这是一个ASP.NET MVC实现的类似于dz论坛的上传头像功能.可以拖动选择大小,支持多种尺寸生成. 效果界面 头像上传源码下载 项目中具体应用时,请根据需求做调整.欢迎交流~回复即可下载~源码下载 ...

  10. php+flash头像上传组件

    有会员系统的站点一般都会有一个头像上传组件,一般做的最简单的是 这样的方式长处是代码写的简单,仅仅要推断图片大小和类型,然后更新数据库.可是用户体验不高.并且站点其它页面假设要使用较小的20X20或1 ...

随机推荐

  1. Strtus2框架使用HttpServletResponse响应数据

    -----------------------------------------------------------------------------------------jsp-------- ...

  2. Html5简单描述(优点与缺点)

    什么是HTML5 HTML5指的是包括HTML.CSS和JavaScript在内的一套技术组合.它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务(Plug-in-Based Rich Inte ...

  3. 【luogu P3410 拍照】 题解

    题目链接:https://www.luogu.org/problemnew/show/P3410 这个题就是求一个最大权闭合图 在一个图中,一些点构成一个集合,且集合中的出边指向的终点也在这个集合中, ...

  4. 【luogu P3952 时间复杂度】 题解

    对于2017 D1 T2 这道题 实实在在是个码力题,非常考验耐心. 其实大体的思路并不是非常难想出来,但是要注意的小细节比较多. 题目链接:https://www.luogu.org/problem ...

  5. HTML5之转动的轮子

    <!doctype html><html> <head></head> <body> <canvas width="1000 ...

  6. SpringBoot非官方教程 | 第四篇：SpringBoot 整合JPA

    转载请标明出处: 原文首发于:https://www.fangzhipeng.com/springboot/2017/07/11/springboot4-jpaJ/ 本文出自方志朋的博客 JPA全称J ...

  7. springboot 整合dubbo 消费模块引入springboot 之后自动注入jdbc 模块导致启动报错问题

    方案一: 排除方法 pom文件直接将数据起步模块内排除数据源自动注入 jdbc jar <!--mybatis-plus 集成 --><!--mybitis--><dep ...

  8. nginx 方向代理

    #nginx 监听原理 先监听端口 --> 再配置域名 -->匹配到就访问local 否则 没有匹配到域名就默认访问第一个监听端口的local地址 # vi nginx.conf user ...

  9. NEC html规范

    HTML规范 - 整体结构 HTML基础设施 文件应以“<!DOCTYPE ......>”首行顶格开始,推荐使用“<!DOCTYPE html>”. 必须申明文档的编码cha ...

  10. js省市区级联选择联动

    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Con ...