相关疑难解决方法(0)

Twitter Bootstrap表单文件元素上载按钮

为什么Twitter bootstrap没有花哨的文件元素上传按钮?如果为上传按钮实现了蓝色主按钮,那将是很好的.甚至可以使用CSS来精简上传按钮吗?(看起来像是无法操作的本机浏览器元素)

css forms input-type-file twitter-bootstrap

559
推荐指数
12
解决办法
78万
查看次数

在JavaScript中,我可以以编程方式为文件输入元素触发"click"事件吗?

我想以<input type="file">编程方式在标记上触发click事件.

只是调用click()似乎没有做任何事情,或者至少它没有弹出文件选择对话框.

我一直在尝试使用侦听器捕获事件并重定向事件,但是我无法像点击某个人那样实际执行事件.

html javascript

254
推荐指数
9
解决办法
32万
查看次数

如何更改<input type ="file"/>的按钮文本?

<input type="file" value="Browse" name="avatar" id="id_avatar" />
Run Code Online (Sandbox Code Playgroud)

我试图修改它value,但它不起作用.如何自定义按钮文字?

html input

234
推荐指数
12
解决办法
40万
查看次数

jQuery Validate - 启用隐藏字段的验证

在新版本的jQuery验证插件1.9中默认验证隐藏字段被忽略.我正在使用CKEditor进行textarea输入字段,它隐藏了字段并将其替换为iframe.该字段在那里,但是对隐藏字段禁用了验证.使用验证插件版本1.8.1,一切都按预期工作.

所以我的问题是如何使用v1.9验证插件启用隐藏字段的验证.

此设置不起作用:

$.validator.setDefaults({ ignore: '' });
Run Code Online (Sandbox Code Playgroud)

jquery-validate

182
推荐指数
6
解决办法
16万
查看次数

更改输入类型="文件"中的默认文本?

我想在使用时更改" Choose File" 按钮上的默认文本input="file".

在此输入图像描述

我怎样才能做到这一点?另外,您可以在图像中看到按钮位于文本的左侧.我怎么能把它放在文本的右侧?

html file input default-value

154
推荐指数
8
解决办法
30万
查看次数

用于文件上传按钮的跨浏览器自定义样式

我正在尝试根据个人喜好设置文件上传按钮的样式,但如果没有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"编码(因为黑客通常带来其他问题,例如小提琴中的那些)?

html css file-io cross-browser

104
推荐指数
3
解决办法
15万
查看次数

以编程方式触发"选择文件"对话框

我有一个隐藏的文件输入元素.是否可以从按钮的单击事件触发其选择文件对话框?

html javascript jquery

92
推荐指数
5
解决办法
10万
查看次数

更改输入类型="文件"上的光标类型

简单问题...如何更改文件输入类型的光标类型?

我尝试过以下方法:

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

出于某种原因,它不会打球.

html css input

75
推荐指数
7
解决办法
9万
查看次数

如何从Chrome中的文件输入中删除"未选择文件"工具提示?

我想从Google Chrome中的文件输入中删除"未选择文件"工具提示(我发现Firefox中没有显示工具提示).

请注意,我所说的不是输入字段中的文本,而是关于将鼠标移到输入上时出现的工具提示.

我试过这个没有运气:

$('#myFileInput').attr('title', '');
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery google-chrome

73
推荐指数
8
解决办法
13万
查看次数

当用户通过<input type ="file"/>选择文件时如何获取文件名?

我之前见过类似的问题,由于安全原因,最终没有解决方案.

但今天我看到hostmonster成功实现了这个,当我打开一张票并在后端附加一个文件时.

它适用于firefox和IE(确切地说是版本8).

我已经验证它完全是客户端脚本,没有发送请求(使用firebug).

现在,我们可以重新考虑这个问题吗?

html javascript file

61
推荐指数
4
解决办法
16万
查看次数