Ruby on Rails:file_field,如何删除上传按钮?

时间:2010-07-04 01:53:39

标签: html ruby-on-rails user-input

因为我有自定义样式/定位按钮。

目前,我们的设置是: 特殊上传按钮(花式) 隐藏div中的file_field,导致无法将按钮移动到与文本分开。

但我们仍然希望文字说出您选择的文件

2 个答案:

答案 0 :(得分:1)

使用CSS不透明度使文件字段不可见,但仍然可以点击。

同时使文件字段绝对定位,并使用z-index将其显示在用户点击的目标按钮上方。

您可以通过javascript引用文件名,并使用该值填充DOM元素。

您需要进行一些文本解析,因为某些版本的IE显示完整的文件路径。

这篇文章很有用:Styling a field field

我已经多次这样做了,效果很好。

同时查看plupload。它是一个文件上传库,支持HTML4,HTML5,Flash等。它在许多情况下都能很好地工作。

答案 1 :(得分:0)

我相信浏览器会显示file输入标记,并且无法通过javascript / css删除。虽然,您可以尝试使用css ... {/ p>放置div或其他内容

虽然可以使用文件上传输入: