<input type = "text"> 태그 내에 <input type = "file"> 배치하는 방법은 무엇입니까?

Question

내 질문은 사용자가 파일을 선택하면 파일 이름이 텍스트 필드에 나타나야합니다. 어떻게 나 한테 말해 줄래 ??

Answer 1

당신의 HTML

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

자바 스크립트

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; 
}