首页 > php教程 > php手册 > 正文

#头像上传第二季#,高仿TP官网头像上传。

WBOY
发布: 2016-06-07 11:44:44
原创
1839 人浏览过

头像异步上传,仿TP官网。
之前发了一个FLASH版的头像上传,放在我的博客里面,
我的博客太悲催了。做了3个月多,百度愣是没有收录。瞬间心里万匹草泥马路过。。。
由于工作忙,FLASH版的整理没有到位,有很多问题。再加上空间到期,忘记续费了。就没有再管过。
现在TP官网更新,界面很简洁,看着很舒服。再次奉献。。
效果图:
准备上传:
#头像上传第二季#,高仿TP官网头像上传。
友好的等待提示:
#头像上传第二季#,高仿TP官网头像上传。
切图效果:
#头像上传第二季#,高仿TP官网头像上传。
上传并切图的效果:
#头像上传第二季#,高仿TP官网头像上传。

功能支持:
支持任意大小的图片,等比列裁切。不失真。
可随意设置切图大小。

测试版本:
本代码在ThinkPHP3.1.3版本下测试
浏览器测试,兼容IE9+,火狐。其他浏览器没有测试。

本代码用到的。
一、jquery.js //你懂的。
二、kind.min.js //kindeditor中的上传按钮组件。用来上传图片,这里没有使用FLASH。是iframe上传。
三、jcrop //图片裁切插件
目录结构说明:
Upload/avatar
--------------tmp //头像临时存放文件夹
--------------big //裁切过后的大头像存放文件夹
--------------small //裁切过后的小头像存放文件夹


附件包含,TP完整版,所以有点大。


下载地址:http://www.task3.com/plus/6.html

AD:真正免费,域名+虚机+企业邮箱=0元

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板