我需要在选择文件按钮的前面加一个可以显示文件路径的文本框

您可以使用以下 HTML 代码添加一个文本框来显示文件路径：

<input type="text" id="file-path" readonly>
<input type="file" id="file-input" onchange="displayFilePath()">

其中，第一个输入框是用来显示文件路径的，第二个输入框是用来选择文件的。当选择文件后，调用 `displayFilePath()` 函数来更新文件路径文本框的值。

下面是 `displayFilePath()` 函数的示例代码：

function displayFilePath() {
  var filePath = document.getElementById("file-input").value;
  document.getElementById("file-path").value = filePath;
}

这个函数会获取文件选择框的值，即文件路径，并将其设置为文件路径文本框的值。您可以将其放在页面的 `<script>` 标签中，或者将其放在外部 JavaScript 文件中并在页面中引用。