Phpcms v9前台会员中心头像H5上传组件

Phpcms v9前台会员中心头像H5上传组件是思优CMSYOU技术团队针对Phpcms v9前台会员中心用户头像上传改写的一个H5图片上传组件，用于解决当前Phpms v9默认是用Flash组件上传、而Google Chrome浏览器将于2021停用Flash而受影响的问题。

Phpcms v9前台会员中心头像H5上传组件的前端部分基于Cropper.js、Bootstrap，实现H5图片上传，并能旋转、选择区域裁剪，解决默认Phpcms v9用户头像上传只能PC版用Flash组件上传、手机上不支持Flash上传造成头像不能更新等诸多问题。

演示地址：Phpcms v9前台会员中心头像H5上传组件 (会员登录后点击头像进行更新头像图片)

*更新记录：

4、20210821：修改完善头像上传路径，修正会员中心模板account_manage_avatar.html中css文件丢失造成演示页面错乱问题。感谢用户全*****的反馈。

3、20200515：增加GIF图片上传判断，完善组件安装说明并整理组件上线。

2、20190910：改写完善写法，更换前台底层js，增加图像上传宣传、裁剪功能。

1、20170616：组件初步实现H5基础上传功能。

适用版本：

Phpcms v9全系列，上传头像的路径沿用原有上传路径方式，调用方式沿用。

浏览器兼容IE9+、Chrome、Firefox等主流浏览器，不支持低版本IE浏览器，IE9因不支持toBlob()方法上传Blob数据格式，于是上传裁剪受限、会不支持。

安装说明：

1、 插件文件的上传及替换：

该插件适用于phpcms v9全系列，如果程序没有做过二次开发，可在备份后上传phpcms/目录里的文件上传覆盖替换。也可以根据文件层级针对性上传替换。

2、 第一时间登录管理后台，更新缓存。

3、刷新浏览器缓存后，登录前台会员中心，找到上传头像页面浏览测试，位置：会员中心》账号管理》修改头像，网址为：/index.php?m=member&c=index&a=account_manage_avatar&t=1。

会员中心头像上传模板位置：phpcms\templates\default\member\account_manage_avatar.html，该示范模板放在默认模板目录，参考这个写法对应更新到自己的会员中心的用户头像上传的模板中。注意保留《meta content="no-cache" http-equiv="pragma" /》 等缓存的设置标记，用于头像上传后自动刷新、避免旧头像图片存在缓存造成没有上传更新的假象。

调试模板时，如果会员中心头像上传页面已经实现无Flash提示、并且会员头像图标能上传并自动更新显示，则表示已经安装成功。

*特别说明：该组件基于开源组件Cropper.js、Bootstrap，会员中心头像上传模板只是示范，需要参考写法自行整理合并到您当前网站的会员中心模板中。如有疑问及时联系CMSYOU客服。