javascript - 我选择输入类型 ="file"后立即在文本框中获取文件名

Question

<input type="file" name="img1" id="img1">
<input type="text" name="file_name" id="file_name">

我想要的是在输入类型="file"中选择文件后，我想在文本框中获取文件名(名称=“文件名”)，而无需任何单击或提交按钮。我无法弄清楚它的代码。请提供我的代码和想法。

Answer 1

  <input type="file" name="img1" id="img1" onchange="document.getElementById('file_name').value = this.value">
  <input type="text" name="file_name" id="file_name">

你可以添加 .split('\\').pop() 到 this.value 的末尾，如果你想去掉 >c:\fakepath

没有 c:\fakepath

  <input type="file" name="img1" id="img1" onchange="document.getElementById('file_name').value = this.value.split('\\').pop().split('/').pop()">
  <input type="text" name="file_name" id="file_name">

DEMO