标签内？ [关闭]

【问题标题】：How to place <input type="file"> inside <input type="text"> tag? [closed]如何将 <input type="file"> 放在 <input type="text"> 标签内？ [关闭]
【发布时间】：2013-02-13 06:05:38
【问题描述】：

我的问题是当用户选择一个文件时，文件名应该出现在文本字段中。请告诉我这是怎么做的？？

【问题讨论】：

另一个输入不能工作。出于安全原因，文件输入不能显示在文件选择之前设置的“默认”值。您需要跳出框框思考并使用 JS 来“伪造”情况。

标签： php forms

【解决方案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;
}

【讨论】：