Question

你好，首先对不起，如果我不是很好解释，但对我来说很困难。我尝试做的是从输入中获取值，然后将该值打印到标签中。

这就是我所拥有的

我显示输入向下的图像预览，我想获取用户在该输入中输入的文本。

<div class="col-lg-12">
        <label for="files" class="hidden-print">Select multiple files:</label>
        <input id="files" class="hidden-print" type="file" multiple="multiple" />
        <output id="result" />
</div>

如果对某些事情有疑问，请告诉我，如果我不太清楚，请再次抱歉。

Answer 1

这将相对简单，只需在将元素插入（D.O.M.）后获取并添加事件侦听器。在这种情况下，您将添加（在output.insertBefore(div, null)之后）：

// fetch the element
var input = document.getElementById('txt')
// attach an relevant event listener to it
input.addEventListener('input', function (event) {
    console.log(event.target.value) // what ever is typed
});

这是您更新的小提琴：https://jsfiddle.net/xLopjwh9/2/

我希望有所帮助！

我可以在多个文件上传中获取输入的值吗？

1 个答案: