移动端 图片 相关插件及代码

今天有点忙，不要嫌弃简陋

图片裁剪 移动端 cropper 这是我发现暂时移动端最好用的，看起来也不是特别麻烦的。附github地址：https://github.com/fengyuanchen/cropper。

移动端h5拍照，一句代码：

<input type="file" accept="image/*" value="请输入答案"/>

缺点：不能改变样式。我暂时想法，找到分别点击拍照和相册的点击事件，用另外两个图标进行替代，分别点击触发事件。大家解决了告诉我一下。。

图片预览 移动端

PhotoSwipe：插件样式还不错，但是局限性比较大。官网：http://photoswipe.com/

js自己写双指放大缩小事件，原理如下：http://segmentfault.com/q/1010000002664693/a-1020000002670091。

或者使用这串代码也可以实现：

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=no"/>

maximum-scale=2表示最大可以让页面放大2倍。

缺点：一旦页面加载完成就改不了head。要不就是可以放大，要不就是不行。没办法切换。

html5适配问题专栏：http://www.mamicode.com/info-detail-516462.html 。

遇到的问题：

1.使用<input type="file" accept="image/*" value="请输入答案"/>拍照或者选择后所有的路径都是C://fakepath/xxxxxxx。不太好解决。

解决方法，将得到的图片直接上传，上传之后再下载使用。