Pexle Chris

Spoiler: 
<a href="https://www.pexlechris.dev/library-viewer/for-woocommerce/" rel="nofollow ugc">LIBRARY VIEWER FOR WOOCOMMERCE ADD-ON</a> has been released! Check it 😉
With Library Viewer, you can display the containing files and the containing folders of a “specific folder” of your (FTP) server to your users in the front-end.
The significant difference from other similar plugins is that: 
1. You can allow users to view that the files exist, but cannot open them if they are not logged in (or if they are not administrators, or authors etc…). 
2. You can allow users to view files in a custom viewer or redirect them through a RESTful web service of your choice(examples exists below).
<a href="https://www.pexlechris.dev/library-viewer/demo-wp" rel="nofollow ugc">DEMO</a>
For this plugin (the free version), the “specific folder” is the folder 
“library” of your httpdocs(yoursite.com/library). 
If you want to display other folder (and its files) that isn’t contained in yoursite.com/library , you need to use the path parameter of <a href="https://www.pexlechris.dev/library-viewer/pro-wp" rel="nofollow ugc">Library Viewer Pro</a>.
This plugin adds the [library-viewer] shortcode in your WordPress site! 
So the only thing that you must do to display the folders and files in the front-end is to add this shortcode in a post, page, widget etc.
The [library-viewer] shortcode get optional parameters that extend the functionality of plugin:
<h3>Parameters Documentation</h3>
  <a href="https://www.pexlechris.dev/library-viewer/parameters-wp" rel="nofollow ugc">PARAMETERS DOCUMENTATION AND USE CASES</a>
  PARAMETERS OF LIBRARY VIEWER
<ul>
<li>have_file_access (have_file_access parameter determines which user have access to view the files.)</li>
<li>my_doc_viewer (my_doc_viewer parameter determines in which viewer the file will be opened.)</li>
<li>login_page (login_page parameter defines the login page that user will be redirected -if need it-, to log in.)</li>
</ul>
  PARAMETERS OF <a href="https://www.pexlechris.dev/library-viewer/for-woocommerce/" rel="nofollow ugc">LIBRARY VIEWER FOR WOOCOMMERCE</a>
<ul>
<li>have_file_access=”customer_with_folder_access” (The <code>customer_with_folder_access</code> value for the <code>have_file_access</code> parameter grants access to users who have purchased a product with folder access.)</li>
<li>sold_on (sold_on parameter specifies which product must be purchased in order to gain folder access.)</li>
</ul>
  PARAMETERS OF <a href="https://www.pexlechris.dev/library-viewer/pro-wp" rel="nofollow ugc">LIBRARY VIEWER PRO</a>
<ul>
<li>path (path determines which folder to display in the Library on the front end. When we refer to a “folder,” we mean the folder’s contents, including any subfolders and files within it.)</li>
<li>guest_view_access (guest_view_access determines if guest users can view folder contents. By default, all users can see folder contents, but they cannot open files.)</li>
<li>waiting_seconds (waiting_seconds parameter sets the seconds of user is waiting the redirection to login and see the file (0: for instant redirect).)</li>
<li>breadcrumb (breadcrumb parameter determines if breadcrumb will be displayed in the Library in front-end or not.)</li>
<li>hidden_folders (hidden_folders determines which folders will not be displayed and will not be accessible by Library in the front-end.)</li>
<li>shown_folders (shown_folders parameter determines which folders will be displayed and will be accessible by Library in the front-end.)</li>
<li>hidden_files (hidden_files determines which files will not be displayed and will not be accessible by Library in the front-end.)</li>
<li>shown_files (shown_files parameter determines which files will be displayed and will be accessible by Library in the front-end.)</li>
<li>url_suffix (url_suffix allow you to add a suffix in the URL, so you can use the [library-viewer] shortcode more than one time in the same page.)</li>
</ul>
  PARAMETERS OF <a href="https://www.pexlechris.dev/library-viewer/fm-wp" rel="nofollow ugc">LIBRARY VIEWER FILE MANAGER ADD-ON</a>
<ul>
<li>delete_folder (delete_folder parameter determines which user can delete a folder.)</li>
<li>delete_file (delete_file parameter determines which user can delete a file.)</li>
<li>rename_folder (rename_folder parameter determines which user can rename a folder.)</li>
<li>rename_file (rename_folder parameter determines which user can rename a file.)</li>
<li>create_folder (create_folder parameter determines which user can create a folder.)</li>
<li>upload_file (upload_file parameter determines which user can upload a file.)</li>
<li>unzip_file (unzip_file parameter determines which user can unzip a zip file.)</li>
<li>download_folder (download_folder parameter determines which user can download a folder as a zip file.)</li>
<li>download_file (download_file parameter determines which user can download a file.)</li>
</ul>
  
<a href="https://www.pexlechris.dev/library-viewer/parameters-wp" rel="nofollow ugc">PARAMETERS DOCUMENTATION AND USE CASES</a>
 
<h3>Hooks Documentation</h3>
From 2.0.0 version and then, there are many hooks that you can customize the functionality of this plugin. 
You can read more in <a href="https://www.pexlechris.dev/library-viewer/hooks-wp" rel="nofollow ugc">HOOKS DOCUMENTATION</a> 
Read also <a href="https://www.pexlechris.dev/how-to-add-php-hooks-in-your-wordpress-site" rel="nofollow ugc">how to add PHP hooks in your WordPress Site in my blog</a>
<h3>Other Details</h3>
<ul>
<li>The algorithm does not show in the front-end folders that contains in their name the string “hidden-folder”. 
Also does not show .php , .ini files and files that contains in their name the string “hidden-file”. 
So if you don’t want to display an existing folder or file, you can rename it appropriately! 
In addition, With Library Viewer Pro, you can set the names that you don’t (and you do) want to be displayed in the front-end using appropriate shortcode parameters.</li>
<li>If you want to add text above the front-end folders or below the front-end files, view more in the FAQ below.</li>
<li>In addition, with the <a href="https://www.pexlechris.dev/library-viewer/pro-wp" rel="nofollow ugc">LIBRARY VIEWER PRO</a> you can,
<ul>
<li>customize the URLs of library viewer, with the hooks and the parameters.</li>
<li>you can display folders & files of a directory (in FTP) of your choice, not only library directory (yoursite.com/library)</li>
<li>you can hide the breadcrumb with just a shortcode parameter.</li>
<li>you can show/hide the folders and files of your choice.</li>
</ul>
</li>
<li>Also, with the <a href="https://www.pexlechris.dev/library-viewer/for-woocommerce/" rel="nofollow ugc">LIBRARY VIEWER FOR WOOCOMMERCE ADD-ON</a> you can,
<ul>
<li>give the ability to you users to gain folder access to a Library (to a page with the Library Viewer shortcode installed), just buying a virtual/with-folder-access product.</li>
</ul>
</li>
<li>Finally, with the <a href="https://www.pexlechris.dev/library-viewer/fm-wp" rel="nofollow ugc">LIBRARY VIEWER FILE MANAGER ADD-ON</a> you can,
<ul>
<li>give the ability to your users to have their own library and to upload and edit files.</li>
<li>use the library as file manager for your admins (you may need also Library Viewer Pro, and to restrict the WP page from other users)</li>
</ul>
</li>
</ul>

Library Viewer

It's great and fast working and thanks to the developers :)

Amazing plugin

A File & Folder Viewer for FTP folders, enabling the display of library contents (folders & files) on the front-end.

Adam Bissonnette

This is a simple plugin to list files in a given directory using this shortcode: [MMFileList /].
Parameters:
<ul>
<li>folder: Relative to the base uploads directory of your wordpress install (e.g. siteurl.com/wp-content/uploads/mm/yy/ or siteurl.com/wp-content/ or siteurl.com/media). You can check your media settings from your WordPress dashboard in Settings -> Media. If you organize your uploads in the WordPress default month / year base folder you should either prepend this field with “/../../” or disable that setting before uploading files.</li>
<li>format: Tabular (format=”table”) or Unordered list (format=”li”) or comma-delimited (format=”comma”) or Unordered List of Images (format=”img” Note: this will put all files in tags) or Custom (format=”custom”) for using the Shortcode content to create a custom template (see Custom Formats section below for more information)</li>
<li>types: Only list given file types (e.g. types=”pdf,doc,txt”), If no types are specified then all files in the directory will be listed.</li>
<li>class: Only used for the “li”, “img” and “table” formats, applies a given class to the shortcode output (e.g. <ul class=”mmm-list”> / for more information on styling check out the FAQ)</li>
<li>limit: The default value will list all files in the directory. You can add a positive number of your choice and that amount of files will be displayed.</li>
<li>orderby: Current params can be either “name” (default) or “date” which sorts the files by date modified since date created seems to be hit and miss.</li>
<li>order: By default the order of the list is sorted descending (desc) from the highest value to lowest where value is determined by the “orderby” attribute. Ordering by date results in a list being displayed as newest to oldest and ordering by name results in a list descending through the alphabet (a-z). To reverse either of these defaults simply add order=”desc” into the shortcode parameters</li>
<li>target: This parameter lets you set a “target” for the links to the listed files (This is typically used to open the files in a new window)</li>
<li>prettyname: This replaces underscores and dashes with spaces and removes the file extension from the filename.</li>
<li>removesize: This removes the filesize from the default output</li>
<li>removeextension: This removes the file extension (leaving underscores and dashes)</li>
<li>regexstrip: Feeling like a wizard? Why not put in your own regex to strip out whatever you want from the filenames (no warranty provided, use proper formatting e.g. regexstrip=”/e/” will replace all e’s in the filename!)</li>
<li>regexreplace: Want to replace that content with something other than a blank space? Add whatever you want here to work with the regexstrip function</li>
<li>regexfilter: Filter out filenames that match a given regex pattern (See usage examples for more info)</li>
<li>regexfilterinclusive: Instead of picking out a few files to exclude you can use this to parameter to include anything that you want (See usage examples for more info)</li>
<li>dateformat: Adjust the format of the {date} variable in custom templates</li>
<li>headings: Adjust the headings of the table format by entering a comma delimited list</li>
<li>usecwd: If you can’t get the wp_upload_dir() folder to work you can try setting this to true to use your current working directory instead which should be your public_html folder</li>
</ul>
Output:
For all html formats you can expect to see the following output wrapped in styleable containers:
<ul>
<li>Filename (linked to the File Url)</li>
<li>File Size</li>
</ul>
At this point “comma” is the only available text output and it only outputs the url to the file in a comma delimited list (no links – just text).
If the folder you’ve entered isn’t found or there are no files with the extensions you’ve listed there will be some warning text output to let you know. This text is wrapped in a “mmm-warning” class in case you want to style it out (for more information on styling check out the FAQ)
Usage Examples:
Let’s say you’re using the default WordPress Media settings so we can expect your uploads folder to be in /wp-content/uploads/mm/yy/ with this in mind the shortcode “folder” attribute will look in a directory relative to this. With this base directory say we want to list “png” files in the folder “/wp-content/uploads/cats/” we would use the following shortcode:
[MMFileList folder=”/../../cats/” format=”table” types=”png” /]
If you have you disabled the setting to store uploads in the /mm/yy/ folder structure (you can do this within Settings -> Media) and wanted to display that same file you would use this shortcode:
[MMFileList folder=”/cats/” format=”table” types=”png” /]
This will result in a tabular list of all .png files in the /wp-content/uploads/cats/ folder.
Custom Formats
The “li” and “custom” formats allow you to define a template using the content portion of the shortcode. The difference between these two output formats is that “li” will still wrap all the output in a <ul> tag and each file will be wrapped in a <li> tag. Here is an example of how to create a custom template:
[MMFileList folder=”/cats/” format=”li”]<div class=”taco”><a href=”{url}”>{name} ({size})</a></div>[/MMFileList]
Variables that can be used with the custom templates are as follows:
<ul>
<li>{name} – This will output the filename</li>
<li>{size} – This will output the filesize</li>
<li>{url} – This will output the file url</li>
<li>{date} – This will ouput the file’s last modified date (use the format parameter to customize how this looks!)</li>
<li>If you would like more information available to be output don’t hesitate to a send in a request via the support forum</li>
</ul>
Regex and List Filtering
Regex or Regular Expressions are a really powerful tool but can seem intimidating at first. If you’re uncomfortable or having trouble feel free to reach out on the forums. For testing / trying to build your own pattens I recommend using https://regex101.com/ – it’s my goto. As a general rule for this plugin the pattern needs to be written with slashes <code>/likethis/</code> for it to work. With regex the general rule is to try to keep things simple.
Using the <code>regexfilter</code> parameter you can exclude or include only specified files.
Let’s say you have a list of cat pics you want to share but you have both dog and cat photos in the same folder. Luckily for you – they’re still labeled name-cat.jpg or name-dog.jpg. You can use the regexfilter feature to help with your predicament.
The following will EXCLUDE all files with the word doc in them. 
[MMFileList folder=”/myanimalpics/” regexfilter=”/dog/” /]
Another feature is the <code>regexfilterinclusive</code> option. Say for some reason your cousin Larry added a bunch of dog and frog photos to the folder but didn’t follow your naming conventions (dangit Larry!) well – have no fear. As long as you have a patten that matches your cat photos you can use this <code>regexfilterinclusive</code> toggle to show only those files. 
[MMFileList folder=”/myanimalpics/” regexfilter=”/cat/” regexfilterinclusive=”1″ /]
Note: that <code>regexfilter</code> is done before <code>regexstrip</code> and another filename changes (e.g. pretty name, file size/file name removal etc…) so if you’re having trouble this might be part of the issue. Base your pattern on the original filename and you should be good.
Using <code>regexstrip</code> allows you to remove text that matches a given pattern and <code>regexreplace</code> allows you to put in other text instead of just blank space. These are fairly advanced so I wouldn’t recommend using them unless you really know what you’re doing.

Mmm Simple File List

A very usefull plugin, using in my O2 projects to easily list files in a page for all the team members.

Good and work's with multisite

Plugin to list files in a given directory using a basic shortcode.

Library Viewer vs Mmm Simple File List