本示例展示如何在移动端应用程序中高效地压缩并上传用户拍摄或选取的照片至服务器，确保文件大小适中且不影响画质。
在移动端上传图片时，由于照片通常比较大，因此需要进行压缩处理以优化用户体验。以下是实现这一功能的简要步骤：
1. 使用HTML5的FileReader接口读取用户选择的照片，并将其转换为base64格式。
2. 创建一个Image对象，并将上述得到的base64字符串作为该对象的src属性值。
3. 通过image.onload事件获取图片的实际宽度和高度，然后根据需要计算出目标尺寸（以解决不同浏览器兼容性问题）。
4. 使用Canvas API在画布上绘制缩放后的图像。这一步骤中会利用到先前确定的新宽高比来调整原始照片大小。
5. 通过调用canvas的toDataURL方法获取压缩后图片新的base64编码表示形式。
6. 最终，使用Ajax技术将处理过的base64字符串发送至服务器端进行存储操作。
5星
