14

I would like to be able resize my uploaded image to various size categories:

  • original
  • medium (500kb)
  • small (200kb)

And save it to AWS S3. And later be able to access it. One strategy is to save it in filename_small.jpg, filename_medium.jpg, have a helper function to be able to append the _small, _medium to access those files. Im not sure how to save all the different files (resized) and then access it with the helper.

https://gitlab.com/firdausmah/railercom/blob/master/railercomapp/storage_backends.py

class MediaStorage(S3Boto3Storage):
    location = 'media'
    file_overwrite = False

https://gitlab.com/firdausmah/railercom/blob/master/railercomapp/models.py

class Employee(models.Model):
...
    face_image = models.FileField(upload_to=upload_to('employee/face_image/'), blank=True, storage=MediaStorage())

https://gitlab.com/firdausmah/railercom/blob/master/railercomapp/api.py

@api_view(['POST'])
def update_employee_image(request):
...
    employee = Employee.objects.get(id = employee_id)
    employee.face_image = face_image_obj
    employee.save()

I am using django-storages and S3Boto3Storage. My full working project is in the git links.

Axil
  • 3,606
  • 10
  • 62
  • 136
  • 1
    I am not sure about integrating the whole thing with django-storage/Amazon, but checkout the [VersatileImageField](http://django-versatileimagefield.readthedocs.io/en/latest/model_integration.html?highlight=storage) for the multiple size images and alot of images management awesomness. – ppython Nov 22 '17 at 21:00

1 Answers1

11

Depending on what your use case is I would suggesting using sorl-thumbnail which works with django-storages and will handle the resizing for you, and means you don't have to do the work of managing different sizes yourself.

Instead of defining specific file sizes to store the image for, you would define thumbnail sizes in the places you want to use them, e.g., 

{% thumbnail item.image "300" crop="center" as im %}
    <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
{% endthumbnail %}

This would produce a thumbnail of maximum width 300px, which would get generated the first time and saved on s3.

The app has a low level API that you can use if you need to generate and fetch thumbnails outside of a template context:

from sorl.thumbnail import get_thumbnail

im = get_thumbnail(my_file, '100x100', crop='center', quality=99)
solarissmoke
  • 30,039
  • 14
  • 71
  • 73
  • 1
    Thanks, I'll have a look how this works. Im not clear from the instructions if it does generate multiple sizes to save in S3. Or save in S3 one size and then just resize it for display (which will again be bad for performance) I did see THUMBNAIL_FORCE_OVERWRITE = True, I wonder what this actually does. – Axil Nov 23 '17 at 22:09
  • 1
    It generates multiple sizes. – solarissmoke Nov 24 '17 at 02:36
  • 1
    It works, i tried it with get_thumbnail. in the S3 bucket, it saves those thumbnails under a different directory "cache", actually wanted all in the same directory. – Axil Nov 25 '17 at 10:34
  • 1
    There is a `THUMBNAIL_PREFIX` setting which defaults to `cache/`, and you can change it. Just be very careful what you change it to, because the `clear_thumbnail` management command can be used to clobber the whole directory. – solarissmoke Nov 25 '17 at 10:58