选择要上载的文件会导致移动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">