Как разместить <input type = "file"> внутри <input type = "text"> tag?

Question

Мой вопрос: когда пользователь выбирает файл, имя файла должно появиться в текстовом поле. скажите, пожалуйста, как это сделать?

Answer 1

ваш HTML

<input type="file" id = "file_upload" /> 
<input id="file_name" type="text" /> 

ваш Javascript

document.getElementById('file_upload').onchange = file_name; 

function file_name() { 
    var filename = this.value; 
    var lastIndex = filename.lastIndexOf("\\"); 
    if (lastIndex >= 0) { 
     filename = filename.substring(lastIndex + 1); 
    } 
    document.getElementById('file_name').value = filename; 
}