provider-upload-filerobot

Strapi v4 upload provider for Filerobot by Scaleflex

Pre-requisite

The Filerobot Upload Provider MUST be installed AFTER the Filerobot Plugin for the Strapi CMS.

Install

npm install provider-upload-filerobot

or

yarn add provider-upload-filerobot

After you install the upload provider

Config

In config/plugins.js

module.exports = {
    // ...
    'upload': {
        config: {
            provider: 'provider-upload-filerobot',
            providerOptions: {},
        },
    },
};

Middleware

In config/middlewares.js

Edit the 'strapi::security', section again:

Append '{YOUR FILEROBOT TOKEN}.filerobot.com' or your entire domain name (cname)

module.exports = [
    'strapi::errors',
    { // ---- FROM HERE
        name: 'strapi::security',
        config: {
            contentSecurityPolicy: {
                useDefaults: true,
                directives: {
                    'connect-src': ["'self'", 'https:'],
                    'img-src': ["'self'", 'data:', 'blob:', 'assets.scaleflex.com', 'scaleflex.cloudimg.io', '{YOUR FILEROBOT TOKEN}.filerobot.com'],
                    'media-src': ["'self'", 'data:', 'blob:', 'assets.scaleflex.com', 'scaleflex.cloudimg.io', '{YOUR FILEROBOT TOKEN}.filerobot.com'],
                    upgradeInsecureRequests: null,
                },
            },
        },
    }, // ---- TO HERE
    'strapi::cors',
    'strapi::poweredBy',
    'strapi::logger',
    'strapi::query',
    'strapi::body',
    'strapi::session',
    'strapi::favicon',
    'strapi::public',
];

For proper re-display after upload to Filerobot.

Run

yarn build

yarn start

Usage

Now when you upload stuff to Strapi's Media Library, the images will end up with a Filerobot URL:

On top of that, if you have a content type which contains a Media field, like for example below:

The media that you'll add/upload into the content-post will also end up with a Filerobot URL: