如何在<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; 
}