Product support

Get help in the plugin support forum.


The plugin allows you to add a file or image uploading form to a front-end page. After the file is uploaded, links to it are displayed below the form with Markdown syntax. Visitors can use that text for adding the files to a blog or another form.

Coming Soon

  • Drag & drop functionality
  • Direct links generator
  • Displaying the image thumbnails during the upload
  • The option to enter the Title and Description before the file is uploaded


  1. Add Frontend File Upload plugin to a project.
  2. Create new empty CMS layout and insert only the {% page %} code.
  3. Add new CMS Page with empty layout and add the Upload component to it (you can change Upload Path and File type). That will be the action page.
  4. Add new default CMS Page and add Upload form component. Select Upload Page action page.


Open Uploaded Files page. Here you can delete uploaded files.

Variables available in templates

Upload Component

{{ output }} - JSON output:

// if success
$res = array(
  'status' => 1, // success
  'message' => e(trans('xeor.upload::lang.message.success')), // success message
  'fileName' => $fileName, // file name
  'filePath' => $filePath, // path to file: /uploads/1/file.png
  'checkImg' => $this->property('fileType') // true if image
// else
$res = array(
  'status' => 0, // error
  'message' => e(trans('xeor.upload::lang.message.empty')), // error message

Upload Component

{{ uploadPage }} - action url parameter

  • Found the plugin useful on 14 Jun, 2015

    Your plugin is amazing... I have been struggling with an upload form and your plugin works perfectly. Thanks sozonov.alexey...

  • author

    Replied on 16 Jun, 2015

    Thank you for review!


Create Files Table

Feb 25, 2015


First version

Feb 25, 2015