h5 苹果12 拍照上传图片后导致自动刷新页面，表单数据丢失定位分析

诸葛百家

已于 2023-10-30 13:54:46 修改

阅读量6.2k

点赞数 2

文章标签：前端

于 2022-10-21 10:39:25 首次发布

本文链接：https://blog.csdn.net/zqlwcx/article/details/127441160

版权

上线了一个小功能，里面有个拍照上传的功能，然后基本上所有人都没问题，而且试了各种androidd都没问题，就一个同事的苹果12有问题，而且可以100%复现，一直各种排查，网上参考了各种解决方案

1、Vue.js实战——微信拍照时页面会被刷新的BUG定位_9_在编攻城狮的博客-CSDN博客_微信小程序van-uploader拍照会刷新页面

2、在微信移动端input file拍照或从相册选择照片后会自动刷新页面退回到一开始网站进入的页面 - rachelch - 博客园

3、微信内置浏览器input[file]选择图片后刷新_gyldzh的博客-CSDN博客

4、https://www.jianshu.com/p/4a4aae39bd4a

最后定位出来就是手机内存的不足，一看她打开了最少10以上的进程，当把其余多余进程都关闭后，问题解决了，从以上分析，应该还是系统底层的问题，但是最起码找到了问题出现再来哪里，通过什么方式来解决，mark一下

最简单的复现页面（苹果手机打开10个以上app，把内存占用搞到90%以上）

<html>

<head>
<meta charset="UTF-8"></meta>
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"
	name="viewport"></meta>
</head>
<body>
<input type="file" value="上传图片"  accept="image/*"/>

</body>
</html>

正常拍照之后

异常刷新之后

诸葛百家

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
4
评论
h5 苹果12 拍照上传图片后导致自动刷新页面，表单数据丢失定位分析

最后定位出来就是手机内存的不足，一看她打开了最少10以上的进程，当把其余多余进程都关闭后，问题解决了，从以上分析，应该还是系统底层的问题，但是最起码找到了问题出现再来哪里，通过什么方式来解决，mark一下。上线了一个小功能，里面有个拍照上传的功能，然后基本上所有人都没问题，而且试了各种androidd都没问题，就一个同事的苹果12有问题，而且可以100%复现，一直各种排查，网上参考了各种解决方案。最简单的复现页面（苹果手机打开10个以上app，把内存占用搞到90%以上）
复制链接

扫一扫