html file 修改按钮字,如何重命名输入type = file的HTML“浏览”按钮？
如何重命名输入type = file的HTML“浏览”按钮？
如何将浏览按钮重命名为“选择文件”？ 例如。：
coderex asked 2020-08-11T09:18:18Z
10个解决方案
30 votes
function HandleBrowseClick()
{
var fileinput = document.getElementById("browse");
fileinput.click();
}
function Handlechange()
{
var fileinput = document.getElementById("browse");
var textinput = document.getElementById("filename");
textinput.value = fileinput.value;
}
[HTTP://JS fiddle.net/J8EKG/]
Payam Shoeibi answered 2020-08-11T09:18:48Z
23 votes
该按钮不称为“浏览按钮”，而只是浏览器为其指定的名称。 浏览器可以随意实现自己喜欢的文件上传控制。 例如，在Safari中，它被称为“选择文件”，并且位于可能使用的任何内容的另一侧。
您可以使用QuirksMode上概述的技术为上传控件实现自定义外观，但不仅限于更改按钮的文本。
Chuck answered 2020-08-11T09:18:28Z
7 votes
一点点的JavaScript会照顾它：
function HandleBrowseClick()
{
var fileinput = document.getElementById("browse");
fileinput.click();
var textinput = document.getElementById("filename");
textinput.value = fileinput.value;
}
不是最漂亮的解决方案，但它可以工作。
korona answered 2020-08-11T09:19:13Z
5 votes
用display: none777标签包裹input[type="file"]；
在标签内添加一个标签(带有所需的文本)，例如input[type="file"]或display: none;
使该标签看起来像一个按钮；
通过display: none使input[type="file"]不可见。
Pavel answered 2020-08-11T09:19:46Z
3 votes
您可以使用简单的css / jq解决方法来做到这一点：创建一个假按钮，该按钮触发隐藏的浏览按钮。
的HTML
Open
的CSS
input { display: none }
jQuery的
$( 'button' ).click( function(e) {
e.preventDefault(); // prevents submitting
$( 'input' ).trigger( 'click' );
} );
演示
Thielicious answered 2020-08-11T09:20:23Z
2 votes
输入type =“ file”字段非常棘手，因为它在每个浏览器上的行为都不同，无法设置样式或可以对其进行一些样式设置，具体取决于浏览器。 并且很难调整大小(再次取决于浏览器，它可能具有无法覆盖的最小大小)。
虽然有解决方法。 在我看来，最好的一个就是这个(结果在这里)。
FWH answered 2020-08-11T09:20:48Z
1 votes
抱歉，您不能更改按钮文本，它在浏览器中进行了硬编码。
但是有几种解决方法可以在表单上放置带有不同文本/图像的按钮：
链接
PeterMmm answered 2020-08-11T09:21:18Z
1 votes
这是使用纯HTML和javascript来“重命名”具有文件类型且没有JQuery的输入文本的最佳，简单，简短和简洁的方法：
*The text you want*
IntelarX answered 2020-08-11T09:21:38Z
0 votes
不，您不能更改文件上传输入的文本。 但是有一些技巧可以将图像覆盖在按钮上。
Canavar answered 2020-08-11T09:21:58Z
0 votes
您还可以使用Uploadify，这是一个很棒的jQuery上传插件，它使您可以上传多个文件，还可以轻松设置文件字段的样式。[http://www.uploadify.com]
dande answered 2020-08-11T09:22:19Z