为什么Twitter bootstrap没有花哨的文件元素上传按钮?如果为上传按钮实现了蓝色主按钮,那将是很好的.甚至可以使用CSS来精简上传按钮吗?(看起来像是无法操作的本机浏览器元素)
我想以<input type="file">编程方式在标记上触发click事件.
只是调用click()似乎没有做任何事情,或者至少它没有弹出文件选择对话框.
我一直在尝试使用侦听器捕获事件并重定向事件,但是我无法像点击某个人那样实际执行事件.
<input type="file" value="Browse" name="avatar" id="id_avatar" />
Run Code Online (Sandbox Code Playgroud)
我试图修改它value,但它不起作用.如何自定义按钮文字?
在新版本的jQuery验证插件1.9中默认验证隐藏字段被忽略.我正在使用CKEditor进行textarea输入字段,它隐藏了字段并将其替换为iframe.该字段在那里,但是对隐藏字段禁用了验证.使用验证插件版本1.8.1,一切都按预期工作.
所以我的问题是如何使用v1.9验证插件启用隐藏字段的验证.
此设置不起作用:
$.validator.setDefaults({ ignore: '' });
Run Code Online (Sandbox Code Playgroud) 我想在使用时更改" Choose File" 按钮上的默认文本input="file".

我怎样才能做到这一点?另外,您可以在图像中看到按钮位于文本的左侧.我怎么能把它放在文本的右侧?
我正在尝试根据个人喜好设置文件上传按钮的样式,但如果没有JS,我找不到任何真正可行的方法.我确实找到了 关于这个主题的另外两个问题,但那里的答案要么涉及JavaScript,要么建议采用Quirksmode的方法.
这个Quirksmode方法的主要问题是文件按钮仍然具有浏览器定义的尺寸,因此它不会自动调整为用作放置在它下面的按钮的任何东西.我已经制作了一些基于它的代码,但它只占用了文件按钮通常占用的空间,所以它根本不会像我想要的那样填充父div.
HTML:
<div class="myLabel">
<input type="file"/>
<span>My Label</span>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
.myLabel {
position: relative;
}
.myLabel input {
position: absolute;
z-index: 2;
opacity: 0;
width: 100%;
height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
这个小提示演示了这种方法是如何存在严重缺陷的.在Chrome中,单击!!下面的第二个演示按钮将打开文件对话框,但在所有其他浏览器中,文件按钮不会占用按钮的正确区域.
有没有更坚实的方式来设置文件上传按钮的样式,没有任何JavaScript,并且最好使用尽可能少的"hacky"编码(因为黑客通常带来其他问题,例如小提琴中的那些)?
简单问题...如何更改文件输入类型的光标类型?
我尝试过以下方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
input[type="file"] {
cursor: pointer;
}
</style>
</head>
<body>
<input type="file">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
出于某种原因,它不会打球.
我想从Google Chrome中的文件输入中删除"未选择文件"工具提示(我发现Firefox中没有显示工具提示).
请注意,我所说的不是输入字段中的文本,而是关于将鼠标移到输入上时出现的工具提示.
我试过这个没有运气:
$('#myFileInput').attr('title', '');
Run Code Online (Sandbox Code Playgroud) 我之前见过类似的问题,由于安全原因,最终没有解决方案.
但今天我看到hostmonster成功实现了这个,当我打开一张票并在后端附加一个文件时.
它适用于firefox和IE(确切地说是版本8).
我已经验证它完全是客户端脚本,没有发送请求(使用firebug).
现在,我们可以重新考虑这个问题吗?