Home > php教程 > php手册 > body text

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

WBOY
Release: 2016-06-07 11:44:44
Original
1836 people have browsed it

头像异步上传,仿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元

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template