移动端图片批量上传问题

一.操作系统

1.ios

ios的操作系统: 实现图片批量上传,可以直接使用input  type=file 加上multiple 就可以实现,至于有些图片显示有问题可以通过 new FileReader() 方法,将图片转换成base64直接显示

2.android

android 默认不支持图片的批量上传,当选择图片后会直接返回,使用上面的方法,只发现部分浏览器支持(QQ浏览器,小米自带的浏览器...)

在微信里面也不支持

二.在微信中打开的网页

ios 可以继续使用原生的方法,批量上传图片

android,这里我是使用了,微信的jssdk ,去实现的批量上传, sdk文档可以参考这里微信SDK开发文档

主要使用了 chooseImage,  getLocalImgData 方法;思路是 先通过chosseImage 选择图片,会返回本地图片loadId,就是只有微信识别的本地图片地址,

然后调用getLocalImgData获取图片的base64,最后将base64转成blob后,上传到服务器上