头像异步上传,仿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
AD:真正免费,域名+虚机+企业邮箱=0元

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

Dreamweaver CS6
视觉化网页开发工具

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。