Uploading Files

Enabling File Attachments

This functionality is built into Advanced Editor, which is enabled in your community by default. If you are looking to embed videos, tweets, or other content into your post, we’ve documented that process here.

Inserting Images and Uploading Files

Attach File Tool

This icon indicates the Attach File tool. With Advanced Editor, there are a few ways to attach files to a post.

The easiest way to upload is the drag-and-drop method. Dragging a file from your computer’s file explorer and hovering it over your new post will display an overlay, letting you know that you can drop it into the editor. Dropping it into the editor will immediately upload the file.

You’ll know that the file upload was successful when you see the name of the file appear in a small box underneath the comment box. Clicking the small X next to the file will remove it from the post. You can click the icon again to place it back, or save the post to remove it permanently.

Successful File Upload

After you post your comment with an attached file, other users will see the upload appear underneath your comment in box labeled with the file’s name. Clicking on the box starts an automatic download of that file to the user’s computer.

Attach Image Tool

Next to attach file is the Attach Image tool. The Attach Image tool works almost identically to the File Upload tool above, except that when a user uploads an image to a post, the image is automatically embedded. .JPG, .PNG and .GIF files will be displayed.

This menu also allows you to take a URL from an image hosted on another site and embed that in the post directly.

Below is an animated example of the drag-And-drop method of image attachments. If the editor is in WYSIWYG mode, the image will appear in the editor just as it will when its posted:

Drag and Drop Image Example

For HTML, BBC and Markdown modes, the appropriate markup for an image will be inserted where the cursor is, and the image will appear when the post is published. File types other than images that are dropped in will appear underneath the comment box.

Supported File Types

There are some restrictions to the file types and sizes allowed on the hosted version of Vanilla. Listed below are the current types that File Upload allows by default:

  • 7z
  • Ai
  • Bmp
  • Doc
  • Docx
  • Fla
  • Gif
  • Gz
  • Ico
  • Jpeg
  • Jpg
  • Log
  • Pdf
  • Png
  • Ppt
  • Psd
  • Rar
  • Swf
  • Tar.gz
  • Tiff
  • Tgz
  • Txt
  • Xls
  • Xlsx
  • Zip

You can submit a support request if your particular community needs a file type whitelisted.

Cloud Hosting

We believe that online communities should be intuitive, engaging and true to your brand. Vanilla allows you to create a customized community that rewards positive participation, automatically curates content and lets members drive moderation.

Learn More …