Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ruby on rails上设置文件字段的样式_Javascript_Jquery_Ruby On Rails_Ruby - Fatal编程技术网

Javascript 在ruby on rails上设置文件字段的样式

Javascript 在ruby on rails上设置文件字段的样式,javascript,jquery,ruby-on-rails,ruby,Javascript,Jquery,Ruby On Rails,Ruby,好吧,我花了好几个小时试图弄清楚如何为rails设置文件字段的样式,但什么也没找到。我想使用css和js为我的文件字段设置样式,但到目前为止,我无法在rails中设置样式。我在下面列出了迄今为止我所拥有的 形式 使用html而不是rails工作 <div class="uploader blue"> <input type="text" class="filename" readonly="readonly"/> <input type="button" n

好吧,我花了好几个小时试图弄清楚如何为rails设置文件字段的样式,但什么也没找到。我想使用css和js为我的文件字段设置样式,但到目前为止,我无法在rails中设置样式。我在下面列出了迄今为止我所拥有的

形式

使用html而不是rails工作

<div class="uploader blue">
  <input type="text" class="filename" readonly="readonly"/>
  <input type="button" name="file" class="button" value="Browse..."/>
  <input type="file" size="30"/>
</div>

rails中是否有文件字段的帮助程序,或者我可以使用帮助程序拆分上传和输入按钮,这样我就可以像html代码一样获取代码?

你看过rails生成的html了吗?@varatis是的,它生成了这个。我看不到可以单独设置样式的按钮标签。此页面有帮助吗@joelparkerhenderson在发布这篇文章之前,我检查了一下,它似乎并没有解决我的问题。我想创建一个助手或找到一种方法将文件字段拆分为多个部分,例如字段、按钮等。
jQuery("input[type=file]").change(function(){$(this).parents(".uploader").find(".filename").val(jQuery(this).val());});
jQuery("input[type=file]").each(function(){
    if(jQuery(this).val()==""){jQuery(this).parents(".uploader").find(".filename").val("No file selected...");}
});
<div class="uploader blue">
  <input type="text" class="filename" readonly="readonly"/>
  <input type="button" name="file" class="button" value="Browse..."/>
  <input type="file" size="30"/>
</div>