Many episodes ago we created a frontend form that would [add actors to our database](watch-learn.com/video-tutorials/making-websites-october-cms-part-26-uploading-images-frontend). In this episode we are going to Ajaxify that form and upload our image with Ajax. 

You will see that is nothing special. So I'm also going to show you how to create image previews on that form so that the user gets nice feedback of what's going on. 

Remember this will only work on the latest build of October, so if you don't have that build [please check out this video](http://watch-learn.com/video-tutorials/update-october-cms-laravel-55-valet).

In this episode I'm going to show you how to upload images from the October CMS frontend with Ajax and also show image previews.

Ajax Image Upload

This question has been asked many times: "How do you upload images from the frontend form in October CMS?". So in this episode I'm going to answer that question.

There are two ways of doing this, and in this episode I'm going to show you the easiest way without any fancy JavaScript stuff. And maybe in one of the future episodes I'm going to show you the more complicated way.

For this example we are going to be using `actorform` component that we made in [one of the previous episodes](http://watch-learn.com/video-tutorials/making-websites-with-october-cms-part-20-frontend-forms).

In this episode I'm going to show you how to upload images and save it to the October CMS database from frontend of your website.

Tutorials tagged with: upload

Get in touch