前端 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 @ 2023-03-27 15:57  BBS_自律  阅读(930)  评论(0)    收藏  举报