#头像上传第二季#,高仿TP官网头像上传。
程序员文章站
2024-02-17 18:11:10
...
头像异步上传，仿TP官网。
之前发了一个FLASH版的头像上传，放在我的博客里面，
我的博客太悲催了。做了3个月多，百度愣是没有收录。瞬间心里万匹*路过。。。
由于工作忙，FLASH版的整理没有到位，有很多问题。再加上空间到期，忘记续费了。就没有再管过。
现在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
之前发了一个FLASH版的头像上传，放在我的博客里面，
我的博客太悲催了。做了3个月多，百度愣是没有收录。瞬间心里万匹*路过。。。
由于工作忙，FLASH版的整理没有到位，有很多问题。再加上空间到期，忘记续费了。就没有再管过。
现在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元