jQuery输入文件的异常行为并不总是更新图像

Question

我正在尝试使用图像上传输入，该输入会在更改时自动提交。这很有效......大多数情况下，有时它不会更新正在显示的图像。我有一位同事认为这可能是竞争条件问题。

我有以下HTML代码：

<img class="img-responsive" src="@imageString" />

    using (Html.BeginForm("UpdateLogo", "Blah", FormMethod.Post,
    new { enctype = "multipart/form-data" }))
        {
            <div class="logo-button-group">
                <span class="btn btn-default btn-file">
                    Change Image<input type="file" id="image" name="image" />
                </span>

                <br/>

                <input type="submit" id="image-change-btn" value="Upload Image" style="visibility:hidden" />
            </div>
        }

由以下jQuery支持

$(document).ready(function () { 
    $("#page-content-wrapper #image").change(function () {
        $("#logo-change-btn").click();
    });
});

这个想法是当输入文件发生变化时，它会自动提交隐藏的提交按钮。

这很好用，问题是，有时image没有上传。大多数情况下，有时需要两次尝试（通过两次使用file input选择图像）。

任何帮助将不胜感激！