移动端图片批量上传问题

一.操作系统

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后,上传到服务器上

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,984评论 0 15
  • 100天感恩日记第十九天 今天拜访的是去年在纺织城偶遇的一位姐姐,在中街大富豪卖鞋的。跟她...
    趙瑞阅读 158评论 0 0
  • 一# 你问我是否有想你,我没法回答,如果说实话大约有吧。 如果你问我想你有几分,我可以说不到十分,如果你追问那到底...
    灰灭阅读 348评论 0 3
  • (一个瑜伽老师)舒筋伸展慢慢来,吸吐有序气流再。柔软强韧肌肤变,弯曲成长功能强。老师有教育新人,学生兼受练习难。有...
    甘朝武阅读 405评论 0 0
  • CSS 的伪类选择器和伪元素选择器,让 CSS 有了更为强大的功能。今天介绍一个神奇的选择器 :focus-wit...
    BoomKing阅读 719评论 0 0