1、点击选择文件，拍摄一张照片，此时"预览："文字下会显示你刚才拍摄的照片，再点击"draw on Canvas"，该按钮下的画布会绘制你刚才拍摄的照片。
2、让input file支持拍照+相册选取，<input accept="image/*" type="file" id="file" />。有一些特殊的安卓机还需要加上 capture="camera" 属性才能支持拍照。
3、需求一的预览功能使用html5提供的新API：FileReader，FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。
4、表示旋转0度，也就是没有旋转。6 表示顺时针旋转90度8 表示逆时针旋转90度3 旋转180度。
5、我们要做的就是在拍照后，从input中获取到图片，然后得到它的Orientation值，在裁剪后给它逆着旋转90度，然后上传就好了。
6、到这个问题js是无法解决的，html也没有相应的解决方案。只能放到后台去处理，将旋转的图片再旋转回来。拍摄的图片提供了EXIF信息，Orientation值为6即顺时针90度，有了这个信息我们只需要逆时针旋转90度即可。
