您可以保存文件名到另一个html元素，然后像这样隐藏选择文件输入。

function getFileName()
{
var x = document.getElementById('upload-input')
x.style.visibility = 'collapse'
document.getElementById('fileName').innerHTML = x.value.split('\\').pop()
}

个字符

使用以下CSS：

::-webkit-file-upload-button,
::file-selector-button {
  display: none;
}

字符串

::-webkit-file-upload-button,
::file-selector-button {
  display: none;
}

<input type="file">

的数据

在以下位置添加新构件：

<span id='upload-file-name'></span>

字符串
使用JavaScript，首先获取文件名

var em = document.getElementById("upload-input");
var fname = em.name;

型
隐藏文件上传输入字段

em.style.display = 'none';

型
将文件名放入此新组件

document.getElementById("upload-file-name").innerHTML = fname;

型

你可以在css中使用透明的颜色属性来隐藏文件名的字母，但是按钮不知道

.inputfile{
  opacity: 0;
}

个字符
如果你想隐藏它，你必须把：显示：无;但一切都将被隐藏，而无法使用它。但如果你想它是不可见的调节不透明度和调整输入，它可以为你工作。但如果你想隐藏按钮和字母，你不能把颜色：“任何颜色”

你可以创建一个div，在选择文件名后显示它。然后，隐藏你的输入文件，不显示任何文件。
所以使用jquery或JavaScript onchange或onclick事件来完成它