html - 选择要上传的文件会导致移动版 Safari 崩溃

Question

在使用 <input type="file"> 时，至少在我的 iPhone 6 Plus 上我一直遇到这种情况让用户上传图片。

<div class="add__from-camera">
    <button class="add__from-camera__btn">
        <i class="fa fa-fw fa-camera"></i> Add with Camera
    </button>
    <input class="add__from-camera__input" type="file">
</div>

这种剩余情况导致选项卡崩溃的概率约为 50%，而在我的应用中，这一概率约为 90%。

当错误发生时，我很“幸运”地让所有 Safari 崩溃一次，这是日志的一部分:

Exception Type:  EXC_BAD_ACCESS (SIGSEGV)
Exception Subtype: KERN_INVALID_ADDRESS at 0x00030000006467ba
Triggered by Thread:  0

Thread 0 name:  Dispatch queue: com.apple.main-thread
Thread 0 Crashed:
0   WebKit                          0x000000018a48566c WebKit::WebPageProxy::didChooseFilesForOpenPanelWithDisplayStringAndIcon(WTF::Vector<WTF::String, 0ul, WTF::CrashOnOverflow> const&, WTF::String const&, API::Data const*) + 44
1   WebKit                          0x000000018a461648 WebKit::WebOpenPanelResultListenerProxy::chooseFiles(API::Array*, API::String*, API::Data const*) + 100
2   WebKit                          0x000000018a461648 WebKit::WebOpenPanelResultListenerProxy::chooseFiles(API::Array*, API::String*, API::Data const*) + 100
3   WebKit                          0x000000018a413020 -[WKFileUploadPanel _chooseFiles:displayString:iconImage:] + 468

这似乎表明在显示小缩略图预览时出现(溢出？)错误？有没有办法防止 Safari 在使用文件输入时崩溃，或者至少不呈现缩略图预览？

Answer 1

试试这个:

<input class="add__from-camera__input" type="file" accept="image/*;capture=camera">