php上传头像的代码,php头像上传预览实例代码

说道上传图片，大家并不陌生，不过，在以后开发的项目中，可能并不会让你使用提交刷新页面式的上传图片，比如上传头像，按照常理，肯定是在相册选择照片之后，确认上传，而肯定不会通过form表单，点击submit刷新式上传。我为大家介绍两种异步非刷新式上传图片+图片预览：第一种，通过现成的uploadfy插件进行上传，网上好多实例。

不过我重点为大家介绍的是第二种，通过Ajax上传图片。因为使用uploadfy插件需要设备支持swf格式的Flash，所以对大多数手机来说，第一种方式就没办法使用了。首先，我先跟大家说一下上传原理：通过js控制file文本域，当选择照片之后，通过Ajax异步提交form表单，然后将图片的位置作为返回值，使用js把img的src属性设置为返回值。

上传头像区域：

代码：

无标题文档

#yl{ width:200px; height:200px; background-image:url(img/avatar.png); background-size:200px 200px;}

#file{ width:200px; height:200px; float:left; opacity:0;}

.modal-content{ width:500px;}

.kk{ margin-left:130px;}

上传头像

关闭

//回调函数,调用该方法传一个文件路径，该变背景图

function showimg(url)

{

var div = document.getElementById("yl");

div.style.backgroundImage = "url("+url+")";

document.getElementById("tp").value = url;

}

上传的处理页：

if($_FILES["file"]["error"])

{

echo $_FILES["file"]["error"];

}

else

{

if(($_FILES["file"]["type"]=="image/jpeg" || $_FILES["file"]["type"]=="image/png")&& $_FILES["file"]["size"]<1024000000)

{

$fname = "./img/".date("YmdHis").$_FILES["file"]["name"];

$filename = iconv("UTF-8","gb2312",$fname);

if(file_exists($filename))

{

echo "";

}

else

{

move_uploaded_file($_FILES["file"]["tmp_name"],$filename);

unlink($_POST["tp"]);

echo "";

}

原理：

通过form表单的enctype="multipart/form-data"属性将文件临时放到wamp文件夹中的tmp目录下，再通过后台php程序将文件保存在体统中。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

php上传头像的代码,php头像上传预览实例代码相关推荐

jquery实现上传图片及图片大小验证、图片预览效果代码
jquery实现上传图片及图片大小验证.图片预览效果代码 jquery实现上传图片及图片大小验证.图片预览效果代码上传图片验证 */ function submit_upload_picture() ...
OpenGL.ES在Android上的简单实践：20-水印录制（预览+透明水印表情弹幕 gl_blend）
OpenGL.ES在Android上的简单实践:20-水印录制(预览 gl_blend) 1.继续画出预览帧紧接着上篇文章,既然是要画出预览帧,按照之前其他项目的架构组成.我们是通过模型FrameR ...
ue怎么转换html格式,如何在UltraEdit中预览HTML代码？
原标题:如何在UltraEdit中预览HTML代码? UltraEdit是一款功能非常强大的文本编辑器,可以进行文本编辑.十六进制处理.ASCII码转换等,是系统自带记事本的优秀替代品. 图1:UE软 ...
微信小程序删除服务器图片,微信小程序实现图片上传放大预览删除代码
本文实例为大家分享了微信小程序图片上传放大预览的具体代码,供大家参考,具体内容如下 image.js代码: = 9) { this.setData({ lenMore: 1 }); setTimeou ...
Android 拍照以及相册中选择(适配高版本)————上传多张照片之压缩处理、在线预览可伸缩放大(二)
______ Introduction ______ 前言上一篇文章刚给大家总结完,关于上传头像的功能.此文章所述主要是关于上传头像的具体流程以及如何对照片做裁剪处理,回调给控件显示:当然重中之重 ...
解决TinyMCE富文本编辑器上传视频后在编辑区域内不能预览视频，被替换成img标签的问题
以前用百度的UE,代码陈旧,有很多定制化的需求改起来很费劲,后来发现国外有个一直在维护的TinyMCE编辑器,功能强大,便转跳到这个坑里了. 目前遇到的坑:富文本编辑器里上传了本地视频之后,会默认给替 ...
php主页显示商品预览图代码,jQuery实现鼠标滑过商品小图片上显示对应大图商品页预览功能...
这次给大家带来jQuery实现鼠标滑过商品小图片上显示对应大图商品页预览功能,jQuery实现鼠标滑过商品小图片上显示对应大图商品页预览功能的注意事项有哪些,下面就是实战案例,一起来看一下. 1 . ...
android摄像头去背景代码,Android 如何在摄像头预览的背景上加上一个手指可拖动的调节框？...
请问调节框该如何绘制?是在SufaceView 中绘制么?手指拖动如何实现? 启动拍照功能后,下面是摄像头预览的背景(模拟器的),在这个背景上加上一个调节框 Activity代码 public cla ...
敲的php代码怎么预览,php代码实现文件的预览
这篇文章主要为大家详细介绍了php实现文件预览功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下上一篇博客是上传功能,本篇是上传后图片预览和更改: 代码如下: 1.yulan.php 无标题文档 ...

php上传头像的代码,php头像上传预览实例代码

php上传头像的代码,php头像上传预览实例代码相关推荐

最新文章

热门文章