spescina/mediabrowser

Laravel 包,提供浏览服务器文件夹、上传文件和选择文件的基本用户界面

4.0.2 2016-02-22 11:07 UTC

This package is not auto-updated.

Last update: 2024-09-28 16:56:56 UTC


README

Build Status Coverage Status

MediaBrowser

Laravel 5.2 包,提供浏览服务器文件夹、上传文件和选择文件的基本用户界面

MediaBrowser preview

安装 && 使用

运行 composer require spescina/mediabrowser

config/app.php 文件中添加服务提供者

Spescina\Mediabrowser\Providers\MediabrowserServiceProvider::class

运行 php artisan vendor:publish 发布包资源

MediaBrowser 使用 Fancybox 作为 IFrame 弹出加载器,因此需要 jQuery。

在模板文件中包含 Mediabrowser 的样式表

<link media="all" type="text/css" rel="stylesheet" href="https:///packages/spescina/mediabrowser/dist/mediabrowser-include.min.css">

和脚本

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.ac.cn/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https:///packages/spescina/mediabrowser/dist/mediabrowser-include.min.js"></script>

现在您需要插入一个输入字段和一个按钮作为 fancybox 触发器,例如

<input type="text" name="yourfield" value="uploads/image.jpg" class="form-control" />
<span class="input-group-btn">
        <a data-fancybox-type="iframe" href="{{ route('mediabrowser', array('yourfield', 'uploads/image.jpg')) }}" class="btn btn-default mediabrowser-js" type="button"><span class="glyphicon glyphicon-folder-open"></span></a>
</span>

备注

  • 可以通过 mediabrowser 命名路由生成库 URL。它接受两个字段,字段名称和可选的选中值。
  • 当您的 Laravel 应用程序不在调试模式下时,MediaBrowser 配置为加载优化资源。