複数ファイルのアップロードで入力の値を取得できますか？

Question

こんにちは、私は非常にうまく説明していないが、私にとってもそれは難しいです。何をしようとすると、その値をラベルの中に印刷した後に入力から値を取得します。私がダウンして入力した画像のプレビューが表示ここで

は私が

Code Example

持っているものですが、私はその入力でユーザーがテキストを取得したいです。

<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/

私はそれが役に立てば幸い！