Rumah > pembangunan bahagian belakang > tutorial php > javascript - 手机端头像上传怎么做啊?还要带裁剪

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

WBOY
Lepaskan: 2016-06-06 20:23:50
asal
1252 orang telah melayarinya

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

回复内容:

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

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

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

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

百度有一个webuploader做的还不错

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan