php - 浏览的文件名未显示在文本框中

Question

<input title="Browse" type="file" name="file" onchange="this.parentNode.nextSibling.value = this.value.split('\\').pop().split('/').pop()">

Browse

从上面的代码我正在上传文件并且上传的文件工作正常但是当我点击上传按钮时当前浏览的文件名没有显示在我提供的文本框中。

Answer 1

因为您将在单独的文本框中显示文件名，并且您不会使用默认的文件名显示。最好创建一个 button 并让它使用 onclick 调用文件上传。之后，您可以获得文件名并将其分配给您使用下面的 javascript 创建的文本框。

JavaScript:

var filename;
document.getElementById('fileInput').onchange = function () {
filename = this.value.split(String.fromCharCode(92));
document.getElementById("fileText").value = filename[filename.length-1];
};

HTML:

<label for="file" class="input input-file">   
<input type="text" id="fileText" placeholder="Upload Students file"   readonly="" />
<input type="file" id="fileInput" style="display: none;"  />
<input type="button" value="Choose File"   onclick="document.getElementById('fileInput').click();" />
</label>

我在这里为您做了一个快速演示:http://jsfiddle.net/x9L8etfg/

希望这对您有所帮助。