如何在<input type =“text”>标签内放置<input type =“file”>？ [关闭]

Question

My question is When user selects a file the file name should appear on the text field. please tell me how do this??

Answer 1

your HTML

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

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