Как показать имя просматриваемого изображения.

Question

Я искал и конструировал input type="file" в html. Когда я просматриваю новое изображение, имя нового изображения не появляется помимо кнопки. Я хочу увидеть это. Любая помощь.

Моя скрипка: http://jsfiddle.net/DharkRoses/X3S4a/171/

Пример кода:

<form method="POST" action="myurl"> <span class="btn btn-success fileinput-button"> 
    <span>Select file</span> 
     <input type="file" name="file"> 
    </span> 
</form> 

Answer 1

Вы можете сделать это проверить эту plunkr

Html

<form method="POST" action="myurl"> <span class="btn btn-success fileinput-button"> 
     <span>Select file</span> 

    <input type="file" name="file" onchange="setName(this)"><span id="fileName"></span> 
     </span> 
</form> 

JS

function setName(val){ 
    var ind = (val.value).lastIndexOf("\\"); 
    var substr = val.value.substring(ind+1,val.value.length); 
    document.getElementById('fileName').innerHTML = substr; 
    }