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 有什么关系吗？

Answer 1

感谢@user2550807 的评论，我能够解决我的问题。

我将 addEventListener 应用于 DOM 对象。

所以我改变了：

document.getElementById("file").onchange = function() {
document.getElementById("upload_button").submit();
}

到：

document.getElementById("file").addEventListener("change", function() {
document.getElementById("upload_button").submit();
});