Image uploaded to cloudinary but not able to display under media library- Tested on Strapi v4

Questions and Answers
1
System Information
  • Strapi Version: v4
  • Operating System: Windows 10
  • Database: Postgresql
  • Node Version:
  • NPM Version:
  • Yarn Version:

Due to below-console error I am not able to see uploaded images in the media library section after successful upload to Cloudnary. Can you someone pls help in this ?
This Issue is on Strapi v4.

image
image1899×915 129 KB

1 Like
2

Hi @Deepak_Kumar
can you share your .config/plugins.js? I dont’t even manage to upload images to cloudnary via Strapi v4…
Sorry I cant help you with your issue :confused:

3

Now I’am running in the exact same error

4

Thanks for your response.
The config file is the same as provided in the Strapi documentation for cloudinary connector.

The strange thing is that if we try to open the image URL directly in the browser tab it is loading the image properly, but in the image library console same url doesn’t load the image due to this error

5

This is a security issue. You can fix that. Look at this.

3 Likes
6

True, I fixed it with

module.exports = [
  'strapi::errors',
  {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        directives: {
          'img-src': ["'self'", 'data:', 'strapi.io', 'res.cloudinary.com/'],
        },
      }
    },
  },
  'strapi::cors',
  'strapi::poweredBy',
  'strapi::logger',
  'strapi::query',
  'strapi::body',
  'strapi::favicon',
  'strapi::public',
];
1 Like