上传文件实现，点击按钮选择文件，选择文件后，在输入框内显示文件路径

要实现点击按钮选择文件，选择文件后在输入框内显示文件路径的功能，可以借助HTML5中的`<input type="file">`元素和JavaScript来实现。具体步骤如下：

1. 在HTML中添加一个文件选择框和一个文本输入框，分别用于选择文件和显示文件路径：

<input type="file" id="file-input">
<input type="text" id="file-path" readonly>

其中，`<input type="file">`元素用于选择文件，`<input type="text">`元素用于显示文件路径，`readonly`属性可以让输入框只读，避免用户手动编辑。

2. 使用JavaScript监听文件选择框的`change`事件，当用户选择文件后，将文件路径显示在文本输入框中：

const fileInput = document.getElementById('file-input');
const filePath = document.getElementById('file-path');

fileInput.addEventListener('change', function() {
  filePath.value = fileInput.value;
});

其中，`fileInput`和`filePath`分别是文件选择框和文本输入框的DOM元素，`addEventListener()`方法用于监听`change`事件，当用户选择文件后，将文件路径设置为文本输入框的值即可。

需要注意的是，由于浏览器安全限制，JavaScript不能直接获取文件的完整路径，只能获取文件名。因此，文件路径的显示可能只包含文件名，而不是完整的文件路径。