移动端Web上传图片实践

[xiangpaopao]

移动端Web上传图片实践

[nimoc]

这个问题可以用这个库解决 https://github.com/think2011/localResizeIMG

为什么需要
已踩过很多坑，经过几个版本迭代，以及很多很多网友的反馈帮助、机型测试

图片扭曲、某些设备不自动旋转图片方向，没有jpeg压缩算法..
不支持new Blob,formData构造的文件size为0..
还有某些机型和浏览器（例如QQX5浏览器）莫名其妙的BUG..
按需加载（会根据对应设备自动异步载入JS文件，节省不必要带宽）

原生JS编写，不依赖例如jquery等第三方库，支持AMD or CMD规范。

[kujian]

移动端不知道可否一次上传多张图片？

[nimoc]

感謝分享，這是大坑啊。有一次我们遇到这个问题怪异的哭笑不得。

[Janking]

这个坑终于看到解决方案了。大赞！

[WenTao-Love]

感谢 分享

[xyf1096415969]

用的是插件吗？是什么插件

[baigao2015]

粘贴剪切板的时候如何实现图片上传呢？

[Garrag]

找到解决方案了，感谢大牛

[xsf0105]

@kujian 我也想知道这个问题，有的手机能多张上传，有的不行。
这个是手机内核问题？

[zjhui]

@kujian 手机端可以一次上传多张图片的。把他们都往formdata里面塞，服务端接收一下，循环拿出来就可以了。

[ivanberry]

你好，最近在实践移动端图片上传，读您的文章受益匪浅，感谢，另有问题请教：

是否存在可能上传图片时，只能上传图片库里的图片而不能选择拍照呢？

[jiangtao]

@ivanberry

只能上传图片库里的图片而不能选择拍照呢

web前端层面做不到， 需要android ios提供对应的指令，然后把图片的base64给过来。

[ivanberry]

@Jerret321 感谢，我先问问客户端同事

[jiandan1989]

有没有提高性能的呢？是不是使用translate3D开启之后可以加快绘制速度？最近在调使用input上传图片，使用canvas压缩，第二步就是将拍好的照片重新绘制，第三步又增加了按钮，旋转的按钮，PC端做好了，放到手机端(1)图片出不来(2)绘制速度超慢，平均一张图需要5s以上？有没有好的解决方法

[CommanderXL]

移动端上传图片坑还是挺多的。

比如楼主还没有列出的IOS8，使用readAsDataURL()这个API的获取base64的字符的时候，最后输出的为空字符。

还有部分安卓机下不支持JPEG图片格式的导出等等。

说多了都是泪.

[PLAxiaoxin]

gif图过大 手机黑屏碰到过吗？

[woaer]

1024