Editor Media Uploader – Siberian CMS Module

What’s the purpose of this module?

Users can upload media files (like image, audio, video etc.) from the editor & get uploaded media file direct access link, so they can use this link it into siberian apps.


Why do you want this module?

For Images: In Siberian CMS, your users need to put an Image URL in Layouts, in CSS for Background Image URL, Custom HTML Code Image src etc. So in this case, users have to upload an image somewhere to get its URL. Most users don’t know where to upload & how to get an image URL.

For Audios: In Siberian Audio module, users can use their own mp3 url, but users don’t know where to upload a mp3 file and how to get it’s URL.

For Videos: In Siberian Custom Page module, Users can use their own mp4 video url, but users don’t know where to upload a mp4 file and how to get it’s URL.

So this module will really be very helpful for your Siberian users offering simple media file upload functionality & a simple click to copy button for the media file URL, along with uploaded media files library.


Media Uploader Module Settings: You can manage module settings from the backoffice.

(1) You can set aIt means you have an option to dynamically set allowed file types like png, jpg, jpeg, gif, mp3, mp4, pdf etc. So you can use this module for whole media file types or certain media file types.

(2) You can set accepted file formats for input file selection. It means when the user click on select/input file button, only accepted file with certain file types will be displayed on the user’s file explorer. This will help users to select their media files easily.

(3) You can set maximum upload file size limit per file, For example, if you set a value “5242880” there then users can’t upload files greater than 5 MB in file size.

(4) You can set maximum upload quota limit per app. For example, if you set a value “104857600” there then users can’t upload files after total uploaded files size exceeds 100 MB.


Media Uploader Editor Module:

(1) Your allowed media file types will be displayed as an alert at the top, so your users can know which file types can they upload using this module.

(2) Maximum file size limit per file & Maximum upload quota limit will be displayed in notes section along with some useful notes for the users.

(3) Users can select a single file and upload it. After successfully uploaded, media file url will be shown there with a “copy link” button. Note that users can upload a single media file, not multiple files at a same time.

(4) Here in this module we have applied dual file checking system. File extension type & file size will be verified on browser side and server side.

For example: If you have allowed the users to upload only mp3 & mp4 files with 10 MB maximum file size limit per file and 200 MB upload quota limit then….

  • If the user uploads any invalid file type like png, jpg etc. then module will display “Invalid file type” error.
  • If the user uploads any valid file type like mp3/mp4 but the file size will be more than 10 MB, then module will display “File size limit exceeds” error.
  • If the user’s total uploaded files size is 198 MB and try to upload a file with a file size of 5 MB, then module will display “Upload quota limit exceeds” error.

(5) We have clearly mentioned in notes that “Don’t use any blank spaces in the file name”, still if the user upload a file with blank spaces in the file name then module will auto remove blank spaces from the file name.


Media Library: Here all uploaded media files will be displayed with media file name, file size, date/time, media file link, copy & delete button. There will be a simple search bar & total uploaded files size will be displayed at the top.

Where all media files will be uploaded?

All media files will be uploaded on your server. After module installation, it will create a folder named “media” on your server’s main directory. Here sub-folders named as appurlkey will be auto created when the user uploads a media file.

For example, if appurlkey is “5f3a5055c84ce” and media file name is “logo.png” then media file link will be like this: https://domain.com/media/5f3a5055c84ce/logo.png


Media Manager: You can view and delete your user’s uploaded media files from the backoffice.

Here it will display the total number of folders under media folder along with total media folder size at the top-left side. This statistics will make you aware about consumed server space by media folder.

All of your user’s folders will be displayed with appurlkey as folder name, total number of files in a folder, folder size, view files & delete folder button.

On click of “View Files” button, all files in a particular folder will be display in a popup. Here you will find file name, file size, direct link and file delete button.


Notes:

  • This module is developed with a purpose of providing your users a media upload functionality on your server for their necessary media files related with their siberian apps. This module isn’t related with any third party cloud storage services or isn’t developed for any file sharing / storage purposes.
  • You can calculate your server space yourself based on your number of apps/users. For example: If you have 100 apps and want to offer media uploading facility to your users with maximum upload quota limit is 50 MB then your media folder may consume 5GB server space.
  • You can manage the access of an editor module using User-roles from the backoffice.
  • Never allow file types like php, js etc. Only allow media file types for uploads.
  • Useful information for Media Uploader Settings are given in the module itself.

Live Demo:

You can check a live demo of the editor module here: https://appzadmin.com 

Login details:

Email: demo@demo.com

Password: pwademo123

After a login, open any app and go to Left Side Menu > Modules >  Media Uploader.

  • Note that in this demo, we have allowed file types  “png”,”jpg”,”jpeg”,”gif”,”mp3″,”mp4″,”pdf” for uploads with maximum file size limit of 5 MB per file and total upload quota limit 20 MB.
  • You can test a module by uploading valid/invalid file type, valid/invalid file size & exceeding the maximum upload quota limit as well.