README

基本描述

这是一个简单的媒体库。

需求

• Image Intervention.
• 请确保添加存储链接 php artisan storage:link
• 需要Dropzone js。

安装

• composer require khadka7/media-library
• 将其添加到服务提供者 Khadka7\MediaLibrary\MediaServiceProvider::class,
• 之后迁移您的数据库
• 将路由添加到web.php

    MediaRoutes::routes();
  

• 使用供应商发布来发布dropzone js和css php artisan vendor:publish --tag=media-library-assets
• 将这些脚本添加到您的master模板中。

  <link rel="stylesheet" href="{{asset('vendor/media-library/css/dropzone.css')}}">
  <script src="{{asset('vendor/media-library/js/main.js')}}"></script>
  <script src="{{asset('vendor/media-library/js/dropzone.js')}}"></script>
  <script type="text/javascript">
     let mediaCreateUrl = "{{route('media.create')}}";
     let mediaListUrl = "{{route('medias.list')}}";
     let ajaxMediaListUrl = "{{route('ajax.medias.list')}}";
     let modalGridViewUrl = "{{route('media.modal.grid')}}";
     let openModalUrl = "{{route('media.modal.open')}}";
     let searchMediaUrl = "{{route('media.search')}}";
     let detailImageUrl = "{{route('media.detail','ID')}}";
     let deleteImageUrl = "{{route('media.delete','ID')}}";
     let imageInfoUrl = "{{route('media.info','ID')}}"
     let updateUrl = "{{route('media.update','ID')}}";
  </script>
  

• 在blade文件中添加具有modal Id - mediaModal的modal。

  <div id="mediaModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title"></h4>
              </div>
              <div class="modal-body"></div>
              <div class="modal-footer">
              </div>
          </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
  

用法

• 使用此输入来追加媒体URL

<input type="text" onclick="openMedia()"">

• 前往/medias/list路由以获取媒体列表
• 您也可以从/media/add添加媒体。

版本

• 版本 - 1.0 (beta)