用户可以选择多个文件进行发布。在选择第一个文件并将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上复制。 如何解决?