javascript - 在输入类型 "loading..."元素中选择文件后显示文本 ="file"

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>

C.

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

D.

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

如果这不可能，我可以不更改默认消息:“未选择文件”吗？

编辑如果可能的话，没有 JQuery，只有 javascript

Answer 1

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

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