【问题标题】:Ruby on Rails: file_field, how do I remove the upload button?Ruby on Rails:file_field,如何删除上传按钮?
【发布时间】:2010-07-04 01:53:38
【问题描述】:

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

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

但我们仍然希望文本说明您选择了哪个文件

【问题讨论】:

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


    【解决方案1】:

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

    还使文件字段绝对定位,并使用 z-index 将其显示在目标按钮上方以供用户单击。

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

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

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

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

    还可以查看plupload。它是一个文件上传库,支持 HTML4、HTML5、Flash 等。它在许多情况下都非常有效。

    【讨论】:

      【解决方案2】:

      我相信file输入标签是浏览器显示的,不能被javascript/css删除。不过,您可以尝试使用 css 在其上放置 div 或其他内容...

      还有其他使用文件上传输入的替代方法:

      【讨论】:

      • 我们目前有一个 div 隐藏了输入字段,但它也隐藏了文件名文本......我们需要以某种方式...... =\
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-03
      • 1970-01-01
      • 2012-09-21
      • 1970-01-01
      • 2016-02-26
      • 2020-01-21
      相关资源
      最近更新 更多