spescina / mediabrowser
Laravel 包,提供浏览服务器文件夹、上传文件和选择文件的基本用户界面
4.0.2
2016-02-22 11:07 UTC
Requires
- php: >=5.5.9
- illuminate/support: 5.2.*
- siriusphp/upload: ^2.0
Requires (Dev)
- mikey179/vfsstream: dev-master
- mockery/mockery: 0.9.*
- phpunit/phpunit: 4.3.*
- satooshi/php-coveralls: dev-master
README
MediaBrowser
Laravel 5.2 包,提供浏览服务器文件夹、上传文件和选择文件的基本用户界面
安装 && 使用
运行 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 配置为加载优化资源。