📜  laravel 文件管理器选择多张图片 - PHP (1)

📅  最后修改于: 2023-12-03 15:02:37.229000             🧑  作者: Mango

Laravel 文件管理器选择多张图片 - PHP

在Laravel应用程序中,选择多张图片可能会变得很棘手。但是,使用Laravel文件管理器插件,这个问题变得异常简单。本文将介绍如何使用Laravel文件管理器插件进行多张图片的选择。

安装 Laravel 文件管理器

首先,您需要安装 UniSharp/laravel-filemanager 插件。

可以通过 Composer 来进行安装:

composer require unisharp/laravel-filemanager

然后,为了将路由和配置添加到你的应用程序中,你需要在控制台中运行以下命令:

php artisan vendor:publish --tag=lfm_config
php artisan vendor:publish --tag=lfm_public

最后,您需要运行以下 Artisan 命令来完成安装:

php artisan storage:link

现在,Laravel文件管理器已经安装好了。接下来我们开始使用它。

配置文件

你可以在 config/lfm.php 配置文件中更改默认设置。

引入 Laravel 文件管理器

在 Blade 模板中添加以下代码:

<script src="{{ asset('vendor/laravel-filemanager/js/stand-alone-button.js') }}"></script>

<script>
    $('#lfm').filemanager('image');
</script>

<div class="form-group">
    <label for="image">选择图片</label>
    <div class="input-group">
        <span class="input-group-btn">
            <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
                <i class="fa fa-picture-o"></i> 选择图片
            </a>
        </span>
        <input id="thumbnail" class="form-control" type="text" name="filepath">
    </div>
</div>
多张图片选择

要在 Laravel 文件管理器中选择多张图片,您需要做以下修改:

<div class="form-group">
    <label for="images">选择图片</label>
    <div class="input-group">
        <span class="input-group-btn">
            <a id="lfm" data-input="thumbnail" data-preview="holder" data-multiple="true" 
               class="btn btn-primary">
                <i class="fa fa-picture-o"></i> 选择图片
            </a>
        </span>
        <input id="thumbnail" class="form-control" type="text" name="filepath" 
               data-multiple="true">
    </div>
</div>

现在您可以在 Laravel 文件管理器中选择多张图片。

结论

使用 Laravel 文件管理器插件,选择多张图片变得异常简单了。我们只需要几行代码就能实现这个功能。此外,这个插件还提供了许多其他功能,如图像缩放、剪裁等等。此外,您也可以在官方文档中了解更多关于该插件的信息。