Question

我有最简单的页面：<input type='file' accept='image/*'>列表。

以下是最简单的情况：
- 点击＆＃34;上传＆＃34; - ＆gt; 从相机拍照 - ＆gt;批准。
- 对所有输入控制重复此操作。（在下面的代码中为12）
- 比我再做一次，并在〜15日＆＃34;上传＆＃34;页面崩溃并重新加载。

如果再次开始此过程，页面会在4-5之后崩溃＆＃34;上传＆＃34;。最后，即使在第一次上传图片后，我也会崩溃。

IPhone 6+ IOS 10

描述了该错误

但我转载于 iPhone 6S + IOS 10 （但只需要更多迭代， Iphone 6 IOS 10 ， Android Chrome 58.0.3029 。

但适用于iOS 9.5.3

Index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .file-style {
            width: 20em;  height: 2em;
        }
    </style>
</head>
<body>

<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>
<input type='file' accept='image/*' class="file-style"><br>

<script>

</script>
</body>
</html>

PS。在实际情况中，我在反应+ redux上有SPA，上传4-6 图片。上传第4张，第5张图片后失败。

Answer 1

唯一的办法是不对这些有缺陷的浏览器使用accept='image/*'（或根本不使用）。

您也知道，使用image/gif, image/jpg, image/jpeg, image/png也无法解决您的问题。

最后，如果移动支持是您的目标之一，请了解accept未得到广泛支持：https://caniuse.com/#search=accept

移动Safari，Chrome从相机上传图片时崩溃

1 个答案: