Javascript 仅显示文件输入中的文本

我正在尝试添加一个文本，以显示用户是否已将图像选择到自定义文件输入

目前，我有以下静态文本元素：

我将在静态文本下添加一个文本，以显示是否选择了文件以及文件名

我只想在文件输入中显示文本。换句话说，我只想隐藏按钮元素，而不是文本

我认为文件输入的工作方式与所有其他html组件有所不同

实现这一点的一种方法是尝试获取显示在右侧和悬停位置的文本变量

您可以使用这个简单的东西来使用给定的按钮选择文件 下面是一个例子

.隐藏{ 显示：无； } .btn文件{ 背景：浅蓝色； 填充：50px； 边界：无； } 上传文件是一篇方便的文章

…如果选择了任何文件，则没有无JavaScript的方式指示

不过，有一个诀窍可以做到这一点。您可以将文件输入放在自定义输入下面，如下所示：

.inputfile{ 溢出：隐藏； 位置：绝对位置； z指数：-1； 左边距：12px； 大纲：无； } .inputfile+标签{ 背景：DDD； 光标：指针； 边框：1px实心AAA； 大纲：无； 填充：5px 8px； } .inputfile+标签：悬停{ 盒影：0 0 5px 1px DDD； } .inputfile+标签：活动{ 盒影：0 0 5px2pCCC； } .inputfile+标签{ 光标：指针； } .inputfile+标签*{ 指针事件：无； } 选择一个文件 $'.form字段文件'.eachfunction{ var label=$'label'，这是； var labelValue=$label.html； var fileInput=$'input[type=file]'，这个； $fileInput.on'change'，函数{ var fileName=$this.val.split'\\'.pop； 如果文件名{ $label.htmlfileName； } 否则{ $label.htmlabelvalue； } }; }; .form字段文件标签{ 位置：相对位置； 显示：内联块； 宽度：自动； 高度：50px； 填充：50px 50px； 背景：aaa； 颜色：000； 边界半径：2px； 字号：rem13； 线高：44px； 字号：700； -webkit外观：无； -moz外观：无； 外观：无； 文本转换：大写； 字母间距：2px； 光标：指针； 过渡：背景0.25秒缓进缓出； } .form域文件标签：悬停，.form域文件标签：活动{ 背景：Shade36699，34%； } .form字段文件标签：在{ 位置：绝对位置； 排名：0； z指数：2； 显示：块； 字体系列：“FontAwesome”； } .form字段文件输入[类型=文件]{ 位置：绝对位置； z指数：-1； 宽度：0.1px； 高度：0.1px； 不透明度：0； 溢出：隐藏； } 选择文件。。。

---

可能重复的可能重复的可能重复的首先，在这里你使用jQuery，这是不必要的，其次，你不更新文本，这是OP想要的…哪里提到这里不允许用户jQuery？没有添加jQuery标记