[Django]-How to deploy media files in django-heroku?

Follow these steps:

1. Add Cloudinary Addon to your Heroku app.

2. Click on cloudinary and install it.

3. Then click on Cloudinary addon.

4. From this dashboard you will be able to see your credentials to connect with.

Then go to your project:

5. IN your terminal type these commands:

pip install django-cloudinary-storage
    
pip install cloudinary
    
pip install Pillow

6. In your settings.py, add

INSTALLED_APPS = [
       'django.contrib.staticfiles',   
       'cloudinary_storage',
       'cloudinary',
        ]
    
CLOUDINARY_STORAGE = {
             'CLOUD_NAME': 'your_cloud_name',
             'API_KEY': 'your_api_key',
             'API_SECRET': 'your_api_secret'
            }
    
MEDIA_URL = '/media/'  # or any prefix you choose
     
DEFAULT_FILE_STORAGE='cloudinary_storage.storage.MediaCloudinaryStorage'

In models.py:

10.

class TestModel(models.Model):
             name = models.CharField(max_length=100)
             image = models.ImageField(upload_to='images/', 
             blank=True)

11. Now, in order to put this image into your template, you can
    just type:

        <img src="{{ test_model_instance.image.url }}" alt="{{ 
        test_model_instance.image.name }}">

12. requirements.txt:

...
cloudinary==1.17.0
django-cloudinary-storage==0.2.3