🐻 File Upload with Django and DRF 🐻

🗓️ Today’s Topics

• Project Progress
• File Uploads

🔖 Resources

File uploads

• Django Docs: ImageField
• Django Docs: FileField
• Pillow: Python Imaging Library
  • django-imagekit -> If you want to resize images when they are uploaded, or do any kind of image processing, you will need this. Don’t add it unless you know you need it.
• How to Setup Amazon S3
• django-storages
• DRF FileUploadParser

A request with a file attachment using Insomnia

• Select the right HTTP method for your endpoint.
• Choose binary file attachment from the JSON menu (where you normally put the body of a request)

• Set headers on the Headers tab (this example assumes an image file in jpeg format, named profile-photo.jpg):

  Content-Type: image/jpeg
  Content-Disposition: attachment; filename=profile-photo.jpg
  

For more information on the values for Content-Type:

• MDN Content-Type Header
• MDN MIME types

CORS for file upload

Assuming you are using django-cors-headers, you’ll need to add the following to settings.py:

# in settings.py

from corsheaders.defaults import default_headers

CORS_ALLOW_HEADERS = list(default_headers) + [
    'content-disposition',
]

📖 Read | 📺 Watch | 🎧 Listen

• Django File (and Image) Uploads Tutorial -> A good and very recent post from Will Vincent; he does not include all the necessary info to make file uploads work in production but otherwise it’s a good overview.
• 📖 File Upload with DRF
• 🎧 + 📖 Success with Static Files
• 📖 What is Amazon S3? -> Skim this – this is Amazon’s documentation and it gets really in-depth.
  • 📺 Introduction to S3 -> Also from Amazon