Laravel中的样式输入类型文件

艾娃

我正在尝试使用Laravel->设置输入类型文件的样式Form::file

<div class="col-md-3">
  {{ Form::file('images[]',  ["class"=>"required","multiple"=>true]) }}
</div>

它看起来应该像这样: 在此处输入图片说明

我在网上搜寻了一些解决方案,而js也有可能,但是在其中一些中,有人评论说js并非总是适用于所有浏览器。

正确的方法应该是什么?

米尔

您可以通过“标签”标签解决此问题。

<label for="form-file">Upload a file</label>
<input type="file" name="file" id="form-file" class="hidden" />

只需使用CSS隐藏输入或将其向左移动-9999px,然后将label元素设置为所需的样式即可。当用户单击标签时,它将显示上载弹出窗口。

希望对您有所帮助。

编辑:这是示例使用“ Form :: file”,您可以仅添加标签并向您的函数添加ID参数。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Laravel中的样式输入类型文件

来自分类Dev

样式输入类型文件中未选择文件消息

来自分类Dev

输入类型文件的样式不起作用

来自分类Dev

如何使用CSS设置输入类型文件的样式

来自分类Dev

laravel 5.2中的输入文件?

来自分类Dev

laravel 5.2中的输入文件?

来自分类Dev

输入类型=范围未在ie11中设置样式

来自分类Dev

输入类型=范围未在ie11中设置样式

来自分类Dev

输入类型中的功能= PHP中的文件

来自分类Dev

输入类型范围样式

来自分类Dev

引导样式输入类型的问题

来自分类Dev

确定输入文件中的数据类型

来自分类Dev

截断输入类型=文件中的文本

来自分类Dev

Angular中的文件输入事件类型

来自分类Dev

如何在文件上传输入中设置按钮样式

来自分类Dev

在输入文件中获取zip文件的文件类型

来自分类Dev

在输入文件中获取zip文件的文件类型

来自分类Dev

从输入中删除样式

来自分类Dev

从输入类型文件中读取文本文件

来自分类Dev

在Firefox中处理html输入类型文件的文件名

来自分类Dev

jQuery检查文件类型输入中的上传文件名

来自分类Dev

asp.net MVC类型文件的输入属性,具有引导样式,导致奇怪的结果

来自分类Dev

用CSS和一些JS设置输入类型文件的样式,这样可以吗?

来自分类Dev

如何将Ionic输入类型文件设置为按钮样式

来自分类Dev

将禁用的样式(css)添加到输入类型文件按钮

来自分类Dev

获取远程文件的Laravel中的MIME类型

来自分类Dev

输入类型=“文件”(实际文件?)

来自分类Dev

在prestashop 1.6的配置页面(对于模块)中更改输入类型和样式

来自分类Dev

如何使用if语句更改Laravel中的输入类型值

Related 相关文章

热门标签

归档