1、使用绝对定位+css3来设计,提供三种轮播效果1、滑动2、渐变3、缩放。
2、滑动重点是使用css的~选择器,使用起来比较高效和便捷。
1、使用FileReader移动端浏览器目前一般都可以兼容。
2、使用canvas压缩,解决在移动端一般图片大小为3m左右,在网速一般情况下,上传消化时间比较久,体验比较差的问题。(ios有bug(图片大于2000000像素就无法使用canvas压缩),需要使用瓦片绘制canvas);
3、base64图片编码转换成blob上传到服务器,解决过长base64传输慢的问题。
具体实现代码:segmentfault技术贴