移动端图片上传，html5+PHP实现，现在移动端存储照片都比较大，所以在上传之前我们需要进行压缩处理。简单写一下思路： 1.选择完图片通过html5的FileReader拿到base64的图片 2.创建一个Image对象，将base64图片作为Image对象的src 3.拿到Image对象的高宽，按比例计算出想要的高宽（使用image.onload解决各浏览器不兼容拿不到Image对象高宽的问题） 4.按照计算好之后高宽将图片在canvas上绘制出来 5.通过canvas的toDataURL拿到一个转换后的base64图片 6.将最终的base64图片通过ajax传到后台进行保存处理。绝对的好资源！
2021-10-31 15:01:10
76KB
1