文件输入的自定义文本

【问题标题】：Custom text for file input文件输入的自定义文本
【发布时间】：2010-06-24 06:32:17
【问题描述】：

有没有办法在 html 中更改文件输入的文本？

【问题讨论】：

在谷歌浏览器中，它显示按钮上的选择文件，并且旁边没有选择文件。我可以自定义这些吗？
您可以创建一个 hack，例如在文件字段上放置绝对 div 或将文件字段操作分配给文本输入字段。

标签： html

【解决方案1】：

This is the only possible solution i know of.

【讨论】：

【解决方案2】：

有两种方法。

Javascript

Flash

通过 javascript + css hack，您可以像 @Sarfaraz 所说的那样做到这一点。另一种选择是使用闪光灯。在这种情况下，您拥有更多控制权。

【讨论】：

【解决方案3】：

这是不可能的。那将是一个安全漏洞。如果这是可能的，那么每个人都可以这样做：

<form name="upload" action="upload" method="post" enctype="multipart/form-data">
    <input type="file" value="c:/passwords.txt">
    <input type="submit">
</form>
<script>document.upload.submit()</script>

的确，您可以使用@sAc 提到的普通输入字段来模仿它，但它仍然不会指向实际文件。

【讨论】：