显示文本“正在加载..“在输入类型=”文件“元素中选择文件后

Display text "loading..." after file is selected in input type="file" element

本文关键字：文件 元素 选择 类型 文本 加载 正在加载 显示 输入 在输入类型      更新时间：2023-09-26

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

问题是，在此加载期间，鼠标滚轮和浏览器看起来像在思考，因此我担心用户不会有足够的耐心并且会觉得它不起作用。

所以我只想显示一条文字说，"嘿，等等 - 它的加载"这就是我尝试过的没有运气的：

一个。 

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

二. 

<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>

如果这是不可能的，我不能只更改默认消息："未选择文件"吗？

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

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

这篇文章可能会有所帮助： 如何更改的按钮文本？

相关文章：