how to make FILE type json serializable

Question

I am trying to send json response in django but I am getting this error

TypeError: Object of type File is not JSON serializable

Error is coming because I am using type <class 'django.core.files.base.File'> in json response. So how can I convert this to json serializable formate?

Code:

        user_id = User.objects.get(id=token_data['user_id'])
        all_posts = publicPost.objects.filter(user_id=user_id)
        post_ids = [] 
        for post in all_posts:
            post_ids.append(post.id)
        images = {} 
        for id in post_ids:
            img_obj =  PostImage.objects.filter(post_id=id) 
            imgs = [img_obj[0].image.file] 
            try:
                x = img_obj[0].other_image1.file
                imgs.append(x)
            except ValueError:
                pass
            try:
                x = img_obj[0].other_image2.file
                imgs.append(x)
            except ValueError:
                pass
            try:
                x = img_obj[0].other_image2.file
                print('type', type(x))
                imgs.append(x)
            except ValueError:
                pass 

            images[id] = imgs 
            
        return JsonResponse({'posts': post_ids, 'images': images})

lucutzu33 · Accepted Answer · 2022-06-02 08:18:58Z

1

Serialize the url, not the image:

img_obj[0].image.url

instead of

img_obj[0].image.file

answered Jun 2, 2022 at 8:18

lucutzu33

3,7651 gold badge14 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

newbie Over a year ago

But I need to send images to react.js so I can't open the images in react.js if I do img_obj[0].image.url instead of img_obj[0].image.file

lucutzu33 Over a year ago

What stops you from doing <img src={image_url}/>?

lucutzu33 Over a year ago

This is the recommended way of doing this, because your images might be hosted elsewhere and you take the load off Django. Django is not meant to serve large files/images.

Adam Viscusi · Accepted Answer · 2022-06-02 08:31:57Z

0

if you really need to send a file in a response you can try to convert it to bytes first.

images = [bytes(img).decode('utf8') for img in images]

edited Jun 2, 2022 at 8:31

answered Jun 2, 2022 at 8:17

Adam Viscusi

695 bronze badges

3 Comments

newbie Over a year ago

I am getting this error now TypeError: Object of type bytes is not JSON serializable

Adam Viscusi Over a year ago

edited, you also have to convert it to string

lucutzu33 Over a year ago

If you really want to do this approach, you should convert the image to base64 encoding. Not UTF-8.

Collectives™ on Stack Overflow

how to make FILE type json serializable

2 Answers 2

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related