在input type =“file”元素中选择文件后显示文本“loading ...”

Question

我使用一个非常简单的表单允许用户将文件上传到我的服务器。它工作得很好，但我注意到即使对于非常小的文件，在选择要上传的文件之后，需要一段时间（2-3秒）将“未选择文件”更改为所选文件的实际名称。 （实际上它用西班牙语说 - 猜猜有人知道我在哪里）。

事情是，在这个加载时间内，鼠标滚轮和浏览器看起来都像是在思考，所以我担心用户不会耐心等待并感觉它不起作用。

所以我只想显示一个文字说“嘿，坚持 - 它的装载”这就是我试过的没有运气：

一个。

<input type="file" name="userf" onload="function(e){e.innerHTML='Loading';};">
</input>

B中。

<input type="file" name="userf" onchange="function(e){e.innerHTML='Loading';};">
</input>

下进行。

<input type="file" name="userf" onload="function(){this.innerHTML='Loading';};">
</input>

d

<input type="file" name="userf" onchange="function(){this.innerHTML='Loading';}">
</input>

如果无法做到这一点，我是否只能更改默认消息：“未选择文件”？

EDIT 如果可能的话，没有JQuery，只需javascript

Answer 1

您无法更改输入文件元素上的默认文本。但你可以做一些工作，以获得你想要的类似的东西。它可能需要jQuery或其他框架来完成这项工作。

这篇文章可能有所帮助：How to change the button text of <input type="file" />?