【发布时间】:2010-07-04 01:53:38
【问题描述】:
因为我有一个自定义样式/定位按钮。
目前,我们的设置是: 特殊上传按钮(花式) 将file_field隐藏在一个div中,导致按钮无法与文本分开移动。
但我们仍然希望文本说明您选择了哪个文件
【问题讨论】:
标签: html ruby-on-rails user-input
因为我有一个自定义样式/定位按钮。
目前,我们的设置是: 特殊上传按钮(花式) 将file_field隐藏在一个div中,导致按钮无法与文本分开移动。
但我们仍然希望文本说明您选择了哪个文件
【问题讨论】:
标签: html ruby-on-rails user-input
使用 CSS 不透明度使文件字段不可见,但仍可点击。
还使文件字段绝对定位,并使用 z-index 将其显示在目标按钮上方以供用户单击。
您可以通过 javascript 引用文件名并使用该值填充您的 DOM 元素。
由于某些版本的 IE 会显示完整的文件路径,因此您需要进行一些文本解析。
这篇文章会有用:Styling a field field
我已经做过很多次了,效果很好。
还可以查看plupload。它是一个文件上传库,支持 HTML4、HTML5、Flash 等。它在许多情况下都非常有效。
【讨论】:
我相信file输入标签是浏览器显示的,不能被javascript/css删除。不过,您可以尝试使用 css 在其上放置 div 或其他内容...
还有其他使用文件上传输入的替代方法:
【讨论】: