Heim > Backend-Entwicklung > PHP-Tutorial > javascript - 手机端头像上传怎么做啊?还要带裁剪

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

WBOY
Freigeben: 2016-06-06 20:23:50
Original
1252 Leute haben es durchsucht

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

回复内容:

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

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

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

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

百度有一个webuploader做的还不错

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage