javascript - ワンクリックで画像をアップロード - Onchange がトリガーされない

Question

以下は、ワンクリックで画像をアップロードする簡単なスクリプトです。ユーザーが写真を閲覧して選択すると、すぐにアップロードされます。

何らかの理由で、このスクリプトは最近まで問題なく動作していましたが、ユーザーが画像を選択しても何も起こらないようになりました。

<div class="upload_button">
    <form action="upload.php" id="upload_icon" method="POST" enctype="multipart/form-
        data">
        <input class="upload" id="file" type="file" name="image" style="display:none"
        />
        <img class="upload_img" src="images/icon.png">
    </form>
</div>


<script type="text/javascript">
    $('.upload_img').click(function () {
        $(this).parent().find('.upload').click();
    });

    document.getElementById("file").onchange = function () {
        document.getElementById("upload_button").submit();
    }
</script>

この問題は .onchange と関係がありますか?