A provider for strapi server to upload file to Tencent COS.
npm install strapi-provider-upload-cloud-object-storage --save
strapi v4, See example below for ./config/plugins.js
export default ({ env }) => ({
upload: {
config: {
provider: 'strapi-provider-upload-cloud-object-storage', // the full name
providerOptions: {
appId: env('COS_APPID'),
secretId: env('COS_SECRET_ID'),
secretKey: env('COS_SECRET_KEY'),
region: env('COS_REGION'),
bucket: env('COS_BUCKET'),
basePath: env('COS_BASE_PATH'),
},
},
}
});| Property | Type | Value |
|---|---|---|
| COS_APPID | string | tencent appid |
| COS_SECRET_ID | string | tencent secreted id |
| COS_SECRET_KEY | string | tencent secreted key |
| COS_REGION | string | cosregion |
| COS_BUCKET | string | bucket name |
| COS_BASE_PATH | string | path to store the file, e.g. strapi-cms/ |
Due to the default settings in the Strapi Security Middleware you will need to modify the contentSecurityPolicy settings to properly see thumbnail previews in the Media Library. You should replace strapi::security string with the object bellow instead as explained in the middleware configuration documentation.
./config/middlewares.js
export default ({ env }) => { return [
// ...
{
name: "strapi::security",
config: {
contentSecurityPolicy: {
useDefaults: true,
directives: {
"connect-src": ["'self'", "https:"],
"img-src": [
"'self'",
"data:",
"blob:",
`${env('COS_BUCKET')}-${env('COS_APPID')}.cos.${env('COS_REGION')}.myqcloud.com`
],
"media-src": [
"'self'",
"data:",
"blob:",
`${env('COS_BUCKET')}-${env('COS_APPID')}.cos.${env('COS_REGION')}.myqcloud.com`
],
upgradeInsecureRequests: null,
},
},
},
},
// ...
];
}