当选择第二个(仅)文件(不同)时,Chrome不会触发文件输入的更改事件

时间:2019-07-17 09:52:27

标签: javascript html google-chrome

用户可以选择多个文件进行发布。在选择第一个文件并将li元素添加到列表后使用Chrome时,第二个文件选择不会触发更改事件。第三件事。

用户可以选择其他文件。清除输入值无济于事。无需双击,请在文件选择对话框中使用“打开”按钮。

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<div id="attachments">
    <p id="add-file-button">Add file</p>
    <ul></ul>
</div>
<script>
    $('#add-file-button').on('click', function () {
        var input = document.createElement('input');
        input.type = 'file';
        var $input = $(input);
        $input.hide();

        $input.on('change', function (e) {
            var $li = $('<li></li>');
            $li.append($input);

            $li.append(e.target.files[0].name);

            $('#attachments ul').append($li);
        });

        $input.trigger('click');
    });
</script>

在不同工作站上的Chrome 75.0.3770.142上复制。 如何解决?

0 个答案:

没有答案