YCF / vuedisk

File Manager using vuejs, element ui as frontend and php as backend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VueDisk File Manager

File Manager using vuejs, element ui as frontend and php as backend.

Inspired from Filegator, Aws S3 explorer and Google Drive UI.

Demo

Features

  • Generate thumbnails dynamically
  • Fast & smooth navigation
  • Fast Uploading (parallel uploading feature)
  • Upload any size of file even when there is file size limitation in server
  • Folder upload
  • Remote file upload

Download script

How to setup?

  1. Change or add username, password and home directory in the file apis/base-dir.php and you are good to go. It doesn't use any type of database.
  2. Copy script to your php server or cloud.

List View Uploading Files Gallery View

Small Screen Files List Small Screen Files Uploading

FAQ

Que. Gallery images are not displaying ?

Ans. Increase memory limit and execution time limit (maximum the better). Vuedisk generates thumbnails when you open that directory. Therefore it could be slow ( or may be very slow). When you click on any image thumbnail, then it generates another image thumbnail.

This is because lets say I have an Image whose size is 10 MB. So at first it generates image of height 320px (~ 150 KB). When you click on that image, it generates image of height 720px (~ 2MB). And when you click download button, it downloads original image (10 MB).

To counter this slowness, I created a golang program (which is very fast at converting images) which was to be called by the thumbnail.php but php restricted to call exec() method. So if you php server allows calling exec() method then you can try it (rename apis/thumbnail-next.php to apis/thumbnail.php)

Also it would be better if you use SSD storage.

About

File Manager using vuejs, element ui as frontend and php as backend

License:MIT License


Languages

Language:HTML 69.3%Language:PHP 27.1%Language:CSS 3.0%Language:Go 0.7%