1. Create Authentication In Laravel 5.8
  2. Create Cart Laravel 5.4 +VueJS
  3. Create Multiple Subcategories in Laravel 5.8
  4. Create Template Vuejs and Laravel 5.4
  5. Giới thiệu Laravel 5.4
  6. Hướng dẫn cài đặt laravel 5.4 phần 1
  7. Hướng dẫn cài đặt laravel 5.4 phần 2
  8. Passing data from Laravel to Vue
  9. Multiple Subcategories in Laravel 5.8 + Vue
  10. Login State in Angular 7 + Laravel 5.4
  11. Laravel 5.7 + Vue SPA
  12. Send Mail using Laravel 5.4 + VueJS
  13. SHOW DATA VUEJS IN TEMPLATE BLADE LARAVEL
  14. Xây dụng chức năng Register+ Login bằng Laravel 5.4 + VueJS
  15. Xác thực API bằng OAuth 2 với Laravel 5.4 Passport
  16. Tạo ứng dụng Laravel 5.4 kết hợp với Vuejs
  17. Create Multiple Comment in Laravel 5.8
  18. Filemanager in Laravel 5.8
  19. Connecting Multiple Databases in Laravel 5.8
  20. Laravel Redirect HTTP to HTTPS via .htaccess
  21. User Roles and Permissions in Laravel 5.8
  22. Export Excel using maatwebsite/excel in Laravel 5.8
  23. Show All Image from public folder using Laravel 5.8
  24. Multiple Image Upload using Ajax with Laravel 5.8
  25. Form Request Validation in Laravel 5.8
  26. Send Email using Queue in Laravel 5.8
  27. Ckeditor and Ckfinder in Laravel 5.8 + Vue.js
  28. Add a Marker to Google Map in Laravel 5.8
  29. Pagination for search results laravel 5.8
  30. Using React in Laravel 8
  31. Create Login and Register using Laravel 8 with React

Filemanager in Laravel 5.8

min read

Hiện này việc nhập liệu văn bản đối với ứng dụng website rất cần thiết, vì nó giúp ít rất nhiều cho việc đăng nội dung của một bài viết lên website, nhu cầu cần thiết nhất đó là có thể upload một tấm hình lên website và chỉnh sửa theo ý muốn.
Nay mình chia sẻ cách cấu hình tích hợp Filemanager in Laravel 5.8 vào Ckeditor để ta có thể quản lý các tệp hình ảnh của ta.

Đầu tiên ta cần cài đặt laravel-filemanager với câu lệnh bên đưới

# composer require unisharp/laravel-filemanager

Tiếp theo ta hãy mở file config/app.php lên chỉnh sửa lại, như bên dưới:

//providers
Unisharp\Laravelfilemanager\LaravelFilemanagerServiceProvider::class,
Intervention\Image\ImageServiceProvider::class,

//aliases

'Image' => Intervention\Image\Facades\Image::class,

Nếu Version Laravel > 5.5 thì bạn không cần dùng bước này, vì nhà cung cấp đã chạy auto cho chúng ta rồi!

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

Bên cạnh đó sao ta cần phải xóa cache đi:

# php artisan route:clear
# php artisan config:clear

Chúng ta cần phải xét quyền cho các thư mục hình ảnh, để có thể upload được trong file config/lfm.php, còn file .env edit lại APP_URL về địa chỉ website của ta
Ta cũng cần đồi hỏi, nếu Admin đăng nhập vào mới có thể dùng được Ckeditor của ta, thì ta cần sử dụng xác thuật Auth mà laravel đã cung cấp cho ta

# php artisan make:Auth 

Sau đó ta thiết lập lại Route như sau: vào web.php

Route::group(['middleware' => 'auth'], function () {
    Route::get('/laravel-show', function(){
      return View('filemanager');
    });
    Route::get('/laravel-filemanager', '\UniSharp\LaravelFilemanager\Controllers\LfmController@show');
    Route::post('/laravel-filemanager/upload', '\UniSharp\LaravelFilemanager\Controllers\UploadController@upload');
    
    // list all lfm routes here...
  });

Trong đoạn Route trên mình có return View('filemanager') thì ta cũng cần tạo file filemanager.blade.php và chỉnh sửa như sau:

<script src="//cdn.ckeditor.com/4.6.2/standard/ckeditor.js"></script>
<textarea id="editor" name="content" class="form-control"></textarea>
<script>
  var options = {
    filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
    filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
    filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
    filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token='
  };
  CKEDITOR.replace('editor', options);
</script>

Vậy là xong giờ bạn có thể sử dụng được rồi. Chúng ta chạy đường dẫn: http://localhost:8000/laravel-show/

Nếu các bạn muốn điều chỉnh nơi lưu Image, thì vào config/lfm.php và chỉnh sửa lại nơi lưu hình ảnh nghe

x

Ủng hộ tôi bằng cách click vào quảng cáo. Để tôi có kinh phí tiếp tục phát triển Website!(Support me by clicking on the ad. Let me have the money to continue developing the Website!)