Input File Field

# Overview

The input file field allows users to select files directly through the file manager. When clicked, it opens the file manager and automatically inserts the selected file(s) into the field.

#Required File

To use the Input File Field, you need the sitspro/LocalFileManager.php file, which enables the file manager tools. Store this file in a suitable directory. Once you purchase the license, you can download it from: here

# Demo

The input file field seamlessly connects with the file manager, letting you browse and select files that are instantly added to your form input.

# Running input file field

The input file field is powered by JavaScript that listens for user interaction and launches the file manager, ensuring selected files are dynamically inserted into the field.

    <input type="text" class="sits-media">
    

#Required Configuration

When using the Input File Field tool, you must define the directory and configUrl values, and create the corresponding folder. Specify the folder path in the directory key, and the path to the sitspro/LocalFileManager.php file in the configUrl key within the sitsFileManager configuration, as shown in the example below."

# Configuration

    <script>
        window.sitsEditorConfig = {
            appUrl : 'https://yourdomain.com/your-folder/',
            addOns : ['sitsFileManager'],
            uploadPath : '{path of the uploaded directory}',
            sitsFileManager : {
                directory : '{path of the uploaded directory}',
                configUrl : 'https://yourdomain.com/your-folder/sitspro/LocalFileManager.php',
            }
        };
    </script>