Quick and Easy Heroku File Uploads

Do your files keep disappearing on Heroku? 
We can help.

Start Uploading Now
file folder with files
woman uploading computer files

How does Heroku file storage work?

If you've uploaded a file to Heroku, only to find that it's vanished, you're not alone. When you deploy an application to Heroku, your app's code and dependencies are packaged into containers.

These containers are referred to as "dynos." Dynos have ephemeral filesystems and restart at least once a day. What does this mean for your app?

Any files that aren't part of your app's slug disappear when a dyno is replaced or restarted. Heroku's ephemeral filesystem is not designed for permanent file storage. We get it. It's frustrating.

Do I need to set up S3?

Nope! Setting up S3 can be a lengthy, painful process. You have to create and configure a bucket, set up IAM credentials, set your bucket permissions and CORS policies.

Not to mention the work you have to do in your app - set up ENV variables, build out pre-signed upload URLS, and configure direct uploads via javascript. Wouldn't you rather spend your time and money on your app?  

man with cloud storage icons
man showing secure file storage

How can Simple File Upload help me?

Simple File Upload uses direct uploads. What does that mean? Files are uploaded directly to S3 from your user's browser without passing through your app. This offloads the storage of static files from your app to the cloud.

Basically, you don't need to worry about Heroku's ephemeral filesystem. You can feel confident that your files are safe and secure with us.

How do I use Simple File Upload?

After you install Simple File Upload from the Heroku elements page here, your app will be ready to integrate with the add-on! Keep reading for the easiest way to get started.

Add the javascript snippet to the 'head' of your app.

add javascript snippet code block

Add a hidden input with class 'simple-file-upload`.

add hidden input code block

Save the returned URL to your database.

save URL code block

View the uploaded file via the returned URL.

view file code block
1
Add Javascript snippet

Copy the provided javascript snippet to the 'head' of your app.

2
Add a hidden input

Create a hidden input with class `simple-file-upload`.

3
Save the returned URL

When your user uploads a file, it is immediately added to the cloud. A URL that links to that file is returned via a javascript event. It is also put in the value parameter of the hidden input. Save the 'value' parameter to your database.

4
View the uploaded file

View or download the uploaded file via the returned URL. If the file is an image, you can view it with a standard image tag.

Are you ready for easy Heroku file uploads?

Check out our Heroku pricing plans below. Upgrade or cancel at anytime.

Staging

$
16
/mo
icon-check

20 MB total storage

icon-check

5 Bytes max file size

icon-check

File upload widget

icon-check

Files served via CDN

icon-check

Free cloud storage

icon-check

Redundant file storage

Get Started Now

Pro

$
80
/mo
icon-check

100 GB total storage

icon-check

50 MB max file size

icon-check

File upload widget

icon-check

Files served via CDN

icon-check

Free cloud storage

icon-check

Redundant file storage

Get Started Now
Most Popular

Basic

$
35
/mo
icon-check

30 GB total storage

icon-check

5 MB max file size

icon-check

File upload widget

icon-check

Files served via CDN

icon-check

Free cloud storage

icon-check

Redundant file storage

Get Started Now

Our key features

We do the heavy lifting for you, so that you can focus on building your app.

  • icon-check

    Painless setup and installation

  • icon-check

    Prebuilt upload widget

  • icon-check

    Reliable, fast delivery via CDN

  • icon-check

    Free and safe cloud storage

  • icon-check

    Total developer control

Start Uploading Now