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

Javascript jQuery输入文件的异常行为不总是更新图像,javascript,c#,jquery,html,razor,Javascript,C#,Jquery,Html,Razor,我试图有一个图像上传输入提交自动更改。这个很好用。。。大多数情况下,有时它不会更新正在显示的图像。我有一位同事认为这可能是一个种族状况问题 我有以下HTML代码: <img class="img-responsive" src="@imageString" /> using (Html.BeginForm("UpdateLogo", "Blah", FormMethod.Post, new { enctype = "multipart/form-data" }))

我试图有一个图像上传输入提交自动更改。这个很好用。。。大多数情况下,有时它不会更新正在显示的图像。我有一位同事认为这可能是一个种族状况问题

我有以下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>
        }
其思想是,当输入文件更改时,它将自动提交隐藏的提交按钮

这很好,问题是,
图像
有时没有上传。然而,大多数情况下,有时需要两次尝试(使用
文件输入选择图像两次)


任何帮助都将不胜感激,谢谢

你确认了没有缓存吗?好问题,我会调查的。
$(document).ready(function () { 
    $("#page-content-wrapper #image").change(function () {
        $("#logo-change-btn").click();
    });
});