Question

我尝试使用Laravel设置输入类型文件的样式 - ＆gt; Form::file：

＆＃13;

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

＆＃13;

看起来应该是这样的：

我已经在网络上搜索了一些解决方案，并且js有可能，但有些人评论说它并不总是适用于所有浏览器。

这样做的正确方法是什么？

Answer 1

你可以通过＆＃34;标签＆＃34;来解决这个问题。标签

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

只需使用css隐藏输入或将其移动到左侧-9999px，并将标签元素设置为您想要的任何样式。当用户点击标签时，它将显示上传弹出窗口。

我希望这有帮助。

编辑：这是example。使用＆＃34; Form :: file＆＃34;您只需添加标签并为您的功能添加ID参数。

Answer 2

在这里，您可以将文件附加在laravel中

<div class="row p-t-20">

                                <input id="file-upload" type="file" name="banner_url" value="{{old('banner_url')}}" /> 
                                {!! $errors->first('banner_url', '
                                <p class="text-warning errorBag">:message</p>') !!}
                                <label for="file-upload" id="file-drag">
                                    <div id="file-cont">
                                        Select a file to upload
                                        <br />OR
                                        <br />Drag a file into this box
                                    </div>
                                    <br />
                                    <br /><span id="file-upload-btn" class="btn btn-success">Add a file</span>
                                </label>

                                <progress id="file-progress" value="0">
                                    <span>0</span>%
                                </progress>

                                <output for="file-upload" id="messages"></output>

这是在laravel中输入文件的简便而时尚的方式请分享需要此感谢的任何人

Laravel中的样式输入类型文件

2 个答案: