手机APP内嵌H5上传文件问题

手机兼容性问题

理想很丰满，现实很骨感。

实际上由于手机平台兼容性问题，上面这套流程并不能全都支持。

所以需要根据兼容性判断。

经过试验发现：

1.部分安卓微信浏览器无法触发onchange事件（第一步就特么遇到问题）

这其实安卓微信的一个遗留问题。查看讨论解决办法也很简单：input标签 <input type=“file" name=“image” accept="image/gif, image/jpeg, image/png”>要写成就没问题了。

2.部分安卓微信不支持Blob对象

3.部分Blob对象append进FormData中出现问题

4.iOS 8不支持new File Constructor，但是支持input里的file对象。

5.iOS 上经过压缩后的图片可以上传成功但是size是0 无法打开。

6.部分手机出现图片上传转换问题。

7.安卓手机不支持多选，原因在于multiple属性根本就不支持。

8.多张图片转base64时候卡顿，因为调用了cpu进行了计算。

9.上传图片可以使用base64上传或者formData上传

根据以往经验,升级并兼容webview是一条不错的路

手机APP内嵌H5上传文件问题相关推荐

H5上传文件又双叒叕开测了！
需求背景:为了方便用户上传自己手机内的本地视频,同时提高视频的分发量,故支持在移动端H5页面增加上传视频.音乐.图片. 原型图: 1.首页&上传素材空页面: 2.上传素材(有素材)&a ...
云闪付APP内嵌H5监听左上角X关闭事件
最近在做云闪付蓝牙对接,遇到的一个问题. 需求用户进入云闪付APP内嵌 H5页面调用接口连上蓝牙后,可能不想支付使用,或其他原因,随手关闭左上角X关闭浏览器,这时需要监听这个动作,断开蓝牙连接,不然 ...
从手机里上传文件到云服务器,手机怎么给云服务器上传文件
手机怎么给云服务器上传文件内容精选换一换在本地主机和Windows弹性云服务器上分别安装QQ.exe等工具进行数据传输.使用远程桌面连接mstsc方式进行数据传输.该方式不支持断点续传,可能存在 ...
app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
关于app内嵌h5页面调用百度地图定位问题，为什么定位不准呢？
关于app内嵌h5页面调用百度地图定位问题,为什么定位不准呢?以下为代码. 百度地图:里面有3种定位方式(a:浏览器定位,b:IP定位,c:定位SDK辅助定位),我选择第3种,是需要app那块添加些什 ...
阿里云OSS上传请求403问题的完美解决方案及uni.uploadFile h5上传文件失败完美解决方案
在使用阿里云OSS服务时,会用到跨域AJAX上传,上传时报403错误,之前遇到过此类问题并成功解决了,但时间长了遗忘,因此记录下来以备后续学习了解ajax跨域上传OSS. ajax跨域上传首先会发送o ...
[微信小程序]WebView内嵌H5实现本地文件上传
[官方文档] 小程序与H5如何互相跳转小程序与H5交互以上传文件为例微信小程序开放能力web-view使用之h5页面与小程序页面交互传值快速小程序开发之微信小程序内嵌 H5 微信小程序web-v ...
记录：app内嵌H5页面分享到微信后，在安卓手机打开白屏，苹果手机正常渲染的问题始末
**背景:**app内嵌的一个个人名片页面需要分享到微信,测试环境下,分享到微信后,安卓和苹果手机都能正常渲染,生产环境苹果手机没问题,安卓手机打开分享的链接,页面一直空白. **原因分析:**单独加 ...
H5 -- （功能）App内嵌h5网页实现芝麻认证的接入
1.需求:由于高贵的IOS提审时不能出现支付宝相关字眼及相关SDK,所以我们app芝麻认证只有通过内嵌H5页面实现 2.分析:通过调研 "芝麻认证"官方技术文档 ,接入芝麻认证的流 ...

手机APP内嵌H5上传文件问题

手机APP内嵌H5上传文件问题相关推荐

最新文章

热门文章