> 백엔드 개발 > PHP 튜토리얼 > javascript - 手机端头像上传怎么做啊?还要带裁剪

javascript - 手机端头像上传怎么做啊?还要带裁剪

WBOY
풀어 주다: 2016-06-06 20:23:50
원래의
1251명이 탐색했습니다.

做微信开发,在手机端页面需要做到选择图片,然后剪切作为头像,各路大神给点意见,怎么弄啊?有没有demo?

回复内容:

做微信开发,在手机端页面需要做到选择图片,然后剪切作为头像,各路大神给点意见,怎么弄啊?有没有demo?

https://github.com/baijunjie/jQuery-photoClip

加个canvas标签
把文件用webapi读出来,转成base编码
把图片画到canvas上
写个裁减框,比如说一个透明的绝对定位的透明可拉伸div,覆盖到canvas上
对canvas施行clip,然后保存canvas为图片

微信端开发,图片上传建议用微信提供的那套jsapi,拿到图片之后通过canvas来处理,网上有很多案例,搜搜看

百度有一个webuploader做的还不错

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿