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

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