Javascript 在文件输入显示中显示文件名

基本上，我想做的是从服务器获取数据并显示在项目的更新页面上。在这里，我有一个图像要显示，是的，它显示在

中，显示泰勒·斯威夫特的图像。但是，我有一个问题，我找不到在文件输入本身中显示文件名的方法。（见下图）

因此，预期的行为是，从服务器数据中获取的文件名将显示在输入本身中。例如，taylorswift.jpeg

---

有没有什么方法可以使用javascript实现这一点？当前正在处理VueJS 2项目。

由于安全原因，文件输入字段不允许以编程方式选择文件或设置当前选定的文件名。但您可以使用一些方法创建一种伪输入字段，其中一种方法是将隐藏的文件输入字段嵌入到按钮元素中，如中所示

---

所以，当您从服务器接收到图像名称时，您可以使用它在您的假输入中显示，当用户使用此输入选择文件时，也将显示其实际选择的文件名。

Hi！谢谢你的回答！现在我有了更好的理解。我已经根据自己的项目定制了样品。

<button class="fake-file__input-col">
    <input type="file" class="fake-file__input" @change="onFileInputChange"/>
</button>