前端 input 手机上传图片的坑-安卓手机微信环境input标签如何实现多照片上传

转:前端 input 手机上传图片的坑

input[type=file]标签 本地文件、拍照、录像 上传的兼容性问题

问题描述:

微信内置浏览器打开公司网页,去实现多张片上传,ios是没有问题,但是安卓,只能上传一张;

<input type="file" accept="image/*"  multiple>

现象:

微信浏览器选择安卓手机图库点击一张没有选择完成就自动关闭图库,在ios上没有问题,

 

启示:

安卓手机在微信环境内打开地址,图片多选功能是失效的,只能一张一张上传。需要多选功能要去使用微信的 sdk

 wx.chooseImage 获取本地图片,返回的是一个缓存地址,如何转换成file文件流,我试过只能转成base64,自己写代码 base64 转File会报错,是不是对 File 对象有限制?

处理图片数据为base64

转:

安卓微信浏览器无法支持input multiple的h5属性多图上传

js-jssdk微信H5选择多张图片预览并上传(兼容ios,安卓,已测试)

js-jssdk微信H5选择多张图片预览并上传(兼容ios,安卓,已测试)

一文彻底弄懂wx.chooseImage

微信小程序wx.chooseImage选择图片并上传避坑/真机上传无效

微信h5中使用wx.chooseImage选择手机相册图片后转换为base64格式

posted @   BBS_自律  阅读(789)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
历史上的今天:
2022-03-27 springboot项目启动成功后执行一段代码的两种方式
2022-03-27 docker -redis
2022-03-27 map转换成JSON的3种方法
点击右上角即可分享
微信分享提示