File uploads and media management for NestJS — associate files with entities, generate image conversions, and store on local disk or S3.
This package provides a media library for NestJS that associates files with TypeORM entities, generates image conversions via Sharp, and stores files on local disk or AWS S3.
Once installed, using it is as simple as:
const media = await mediaService
.addMediaFromBuffer(photoBuffer, "photo.jpg")
.forModel("Post", post.id)
.withCustomProperties({ alt: "A photo" })
.toMediaCollection("images");
const url = mediaService.getUrl(media, "thumbnail");- Installation
- Quick Start
- Module Configuration
- Adding Media
- Retrieving Media
- Media Collections
- Image Conversions
- Custom Properties
- Entity Decorator & Mixin
- Storage Drivers
- URL Generation
- Events
- Configuration Options
- Using the Service Directly
- Standalone Usage
- Testing
- Changelog
- Contributing
- Security
- Credits
- License
Install the package via npm:
npm install @nestbolt/medialibraryOr via yarn:
yarn add @nestbolt/medialibraryOr via pnpm:
pnpm add @nestbolt/medialibraryThis package requires the following peer dependencies, which you likely already have in a NestJS project:
@nestjs/common ^10.0.0 || ^11.0.0
@nestjs/core ^10.0.0 || ^11.0.0
@nestjs/typeorm ^10.0.0 || ^11.0.0
typeorm ^0.3.0
reflect-metadata ^0.1.13 || ^0.2.0
Optional peer dependencies:
sharp >=0.32.0 (for image conversions)
@nestjs/event-emitter ^2.0.0 || ^3.0.0 (for lifecycle events)
@aws-sdk/client-s3 ^3.0.0 (for S3 storage)
@aws-sdk/s3-request-presigner ^3.0.0 (for signed URLs)
import { MediaModule } from "@nestbolt/medialibrary";
@Module({
imports: [
MediaModule.forRoot({
defaultDisk: "local",
disks: {
local: {
driver: "local",
root: "./uploads",
urlBase: "/media",
},
},
}),
],
})
export class AppModule {}import { MediaService } from "@nestbolt/medialibrary";
@Injectable()
export class PostService {
constructor(private readonly mediaService: MediaService) {}
async addPhoto(postId: string, file: Buffer): Promise<void> {
await this.mediaService
.addMediaFromBuffer(file, "photo.jpg")
.forModel("Post", postId)
.toMediaCollection("images");
}
}const media = await this.mediaService.getFirstMedia("Post", postId, "images");
const url = this.mediaService.getUrl(media, "thumbnail");MediaModule.forRoot({
defaultDisk: "local",
disks: {
local: { driver: "local", root: "./uploads", urlBase: "/media" },
s3: { driver: "s3", bucket: "my-bucket", region: "us-east-1" },
},
maxFileSize: 10 * 1024 * 1024, // 10 MB
prefix: "media",
baseUrl: "https://cdn.example.com",
});MediaModule.forRootAsync({
imports: [ConfigModule],
inject: [ConfigService],
useFactory: (config: ConfigService) => ({
defaultDisk: config.get("MEDIA_DISK", "local"),
disks: {
local: { driver: "local", root: config.get("UPLOAD_DIR", "./uploads") },
s3: {
driver: "s3",
bucket: config.get("S3_BUCKET"),
region: config.get("S3_REGION"),
},
},
}),
});The module is registered as global — you don't need to import it in every module.
await mediaService
.addMedia("/path/to/file.jpg")
.forModel("Post", postId)
.toMediaCollection("images");await mediaService
.addMediaFromBuffer(buffer, "photo.jpg")
.forModel("Post", postId)
.toMediaCollection("images");await mediaService
.addMediaFromStream(readableStream, "video.mp4")
.forModel("Post", postId)
.toMediaCollection("videos");const adder = await mediaService.addMediaFromUrl("https://example.com/photo.jpg");
await adder.forModel("Post", postId).toMediaCollection("images");await mediaService
.addMediaFromBase64(base64String, "avatar.png")
.forModel("User", userId)
.toMediaCollection("avatar");await mediaService
.addMediaFromBuffer(buffer, "photo.jpg")
.forModel("Post", postId)
.usingName("My Photo") // Display name
.usingFileName("custom-name.jpg") // Storage file name
.toDisk("s3") // Override disk
.storingConversionsOnDisk("s3") // Conversions disk
.withCustomProperties({ alt: "A photo" }) // JSON metadata
.setOrder(1) // Sort order
.preservingOriginal() // Keep source file
.sanitizingFileName((name) => name.toLowerCase())
.toMediaCollection("images");// All media for an entity
const all = await mediaService.getMedia("Post", postId);
// By collection
const images = await mediaService.getMedia("Post", postId, "images");
// First / last
const first = await mediaService.getFirstMedia("Post", postId, "images");
const last = await mediaService.getLastMedia("Post", postId, "images");
// Check existence
const has = await mediaService.hasMedia("Post", postId, "images");
// URLs
const url = mediaService.getUrl(media);
const thumbUrl = mediaService.getUrl(media, "thumbnail");
const path = mediaService.getPath(media);
// Signed/temporary URL (S3)
const tempUrl = await mediaService.getTemporaryUrl(media, new Date(Date.now() + 3600000));Define collections on your entities to constrain what files are accepted:
@HasMedia()
@RegisterMediaCollections((addCollection) => {
addCollection("avatar")
.acceptsMimeTypes(["image/jpeg", "image/png", "image/webp"])
.singleFile() // Only keep 1 file
.maxFileSize(5 * 1024 * 1024) // 5 MB max
.useFallbackUrl("/defaults/avatar.png");
addCollection("gallery")
.acceptsMimeTypes(["image/jpeg", "image/png"])
.onlyKeepLatest(20) // Keep max 20 items
.useDisk("s3");
addCollection("documents"); // No restrictions
})
export class User extends HasMediaMixin(BaseEntity) { ... }Define conversions to auto-generate thumbnails and variants when images are uploaded:
@HasMedia()
@RegisterMediaConversions((addConversion) => {
addConversion("thumbnail")
.resize(150, 150, { fit: "cover" })
.format("webp")
.quality(80)
.performOnCollections("images", "avatar");
addConversion("preview")
.resize(800)
.format("webp")
.quality(85)
.sharpen();
addConversion("greyscale")
.resize(400)
.greyscale()
.keepOriginalImageFormat();
})
export class Post extends HasMediaMixin(BaseEntity) { ... }| Method | Description |
|---|---|
resize(width?, height?, options?) |
Resize image |
crop(width, height, left?, top?) |
Crop/extract region |
format(fmt, options?) |
Convert format (jpeg, png, webp, avif, gif, tiff) |
quality(q) |
Output quality (0-100) |
blur(sigma?) |
Gaussian blur |
sharpen(options?) |
Sharpen image |
rotate(angle?) |
Rotate by degrees |
flip() |
Flip vertically |
flop() |
Flip horizontally |
greyscale() |
Convert to greyscale |
negate() |
Invert colors |
normalize() |
Normalize contrast |
withSharpOperation(op, ...args) |
Any Sharp method |
const thumbUrl = mediaService.getUrl(media, "thumbnail");
const previewUrl = mediaService.getUrl(media, "preview");
// Check if conversion exists
if (media.hasGeneratedConversion("thumbnail")) {
// use thumbnail URL
}await mediaService.regenerateConversions(media);
await mediaService.regenerateConversions(media, ["thumbnail"]); // specific onesAttach arbitrary JSON metadata to any media item:
// Set during upload
await mediaService
.addMediaFromBuffer(buffer, "photo.jpg")
.forModel("Post", postId)
.withCustomProperties({ alt: "Sunset", credit: "John Doe" })
.toMediaCollection("images");
// Read
media.getCustomProperty("alt"); // "Sunset"
media.getCustomProperty("missing", "N/A"); // "N/A"
media.hasCustomProperty("alt"); // true
// Update
media.setCustomProperty("alt", "New alt text");
media.forgetCustomProperty("credit");
// Nested (dot notation)
media.setCustomProperty("meta.author", "Jane");
media.getCustomProperty("meta.author"); // "Jane"For convenience, add media methods directly to your entity:
import { Entity, PrimaryGeneratedColumn, Column } from "typeorm";
import { BaseEntity } from "typeorm";
import {
HasMedia,
HasMediaMixin,
RegisterMediaCollections,
RegisterMediaConversions,
} from "@nestbolt/medialibrary";
@Entity("posts")
@HasMedia()
@RegisterMediaCollections((addCollection) => {
addCollection("images").singleFile();
})
@RegisterMediaConversions((addConversion) => {
addConversion("thumbnail").resize(150, 150, { fit: "cover" }).format("webp");
})
export class Post extends HasMediaMixin(BaseEntity) {
@PrimaryGeneratedColumn("uuid")
id!: string;
@Column()
title!: string;
}Then use directly on entity instances:
// Add media
await post.addMedia("/path/to/photo.jpg").toMediaCollection("images");
await post.addMedia(buffer, "photo.jpg").toMediaCollection("images");
// Retrieve
const images = await post.getMedia("images");
const first = await post.getFirstMedia("images");
const url = await post.getFirstMediaUrl("images", "thumbnail");
const has = await post.hasMedia("images");
// Clear
await post.clearMediaCollection("images");
await post.deleteAllMedia();Media is automatically deleted when the entity is removed (via TypeORM subscriber).
disks: {
local: {
driver: "local",
root: "./uploads", // Storage directory
urlBase: "/media", // URL prefix for public access
},
}disks: {
s3: {
driver: "s3",
bucket: "my-bucket",
region: "us-east-1",
prefix: "media/", // Optional key prefix
credentials: { // Optional (uses default chain)
accessKeyId: "...",
secretAccessKey: "...",
},
endpoint: "https://s3.custom.com", // S3-compatible (MinIO, R2)
forcePathStyle: true, // For MinIO/custom endpoints
},
}Implement the StorageDriver interface:
import { StorageDriver } from "@nestbolt/medialibrary";
export class MyDriver implements StorageDriver {
async put(path: string, data: Buffer): Promise<void> { ... }
async putStream(path: string, stream: NodeJS.ReadableStream): Promise<void> { ... }
async get(path: string): Promise<Buffer> { ... }
getStream(path: string): NodeJS.ReadableStream { ... }
async delete(path: string): Promise<void> { ... }
async deleteDirectory(path: string): Promise<void> { ... }
async exists(path: string): Promise<boolean> { ... }
async copy(source: string, destination: string): Promise<void> { ... }
async move(source: string, destination: string): Promise<void> { ... }
async size(path: string): Promise<number> { ... }
async mimeType(path: string): Promise<string> { ... }
url(path: string): string { ... }
async temporaryUrl(path: string, expiration: Date): Promise<string> { ... }
}import { PathGenerator, MediaEntity } from "@nestbolt/medialibrary";
export class CustomPathGenerator implements PathGenerator {
getPath(media: MediaEntity): string {
return `${media.collectionName}/${media.id}/`;
}
getPathForConversions(media: MediaEntity): string {
return `${media.collectionName}/${media.id}/conversions/`;
}
getPathForResponsiveImages(media: MediaEntity): string {
return `${media.collectionName}/${media.id}/responsive/`;
}
}
MediaModule.forRoot({
pathGenerator: CustomPathGenerator,
});When @nestjs/event-emitter is installed, the following events are emitted:
| Event | Payload |
|---|---|
media.added |
{ media, modelType, modelId } |
media.deleted |
{ media, modelType, modelId } |
media.collection-cleared |
{ modelType, modelId, collectionName } |
media.conversion-will-start |
{ media, conversionName } |
media.conversion-completed |
{ media, conversionName } |
media.conversion-failed |
{ media, conversionName, error } |
import { OnEvent } from "@nestjs/event-emitter";
import { MEDIA_EVENTS, MediaAddedEvent } from "@nestbolt/medialibrary";
@Injectable()
export class MediaListener {
@OnEvent(MEDIA_EVENTS.MEDIA_ADDED)
handleMediaAdded(event: MediaAddedEvent) {
console.log(`Media added to ${event.modelType} #${event.modelId}`);
}
}| Option | Type | Default | Description |
|---|---|---|---|
defaultDisk |
string |
"local" |
Default storage disk name |
disks |
Record<string, DiskConfig> |
{} |
Named disk configurations |
maxFileSize |
number |
10485760 |
Max file size in bytes (10 MB) |
baseUrl |
string |
— | Base URL for all media URLs |
prefix |
string |
— | Path prefix for all stored files |
pathGenerator |
Type<PathGenerator> |
DefaultPathGenerator |
Custom path generator class |
urlGenerator |
Type<UrlGenerator> |
DefaultUrlGenerator |
Custom URL generator class |
fileNamer |
Type<FileNamer> |
DefaultFileNamer |
Custom file namer class |
tempDirectory |
string |
— | Temporary directory for processing |
import { MediaService } from "@nestbolt/medialibrary";
@Injectable()
export class MyService {
constructor(private readonly mediaService: MediaService) {}
}| Method | Returns | Description |
|---|---|---|
addMedia(path) |
FileAdder |
Start adding from file path |
addMediaFromBuffer(buf, name) |
FileAdder |
Start adding from Buffer |
addMediaFromStream(stream, name) |
FileAdder |
Start adding from stream |
addMediaFromUrl(url) |
Promise<FileAdder> |
Download and add from URL |
addMediaFromBase64(b64, name) |
FileAdder |
Start adding from base64 |
getMedia(type, id, collection?) |
Promise<MediaEntity[]> |
Get all media |
getFirstMedia(type, id, collection?) |
Promise<MediaEntity | null> |
Get first item |
getLastMedia(type, id, collection?) |
Promise<MediaEntity | null> |
Get last item |
hasMedia(type, id, collection?) |
Promise<boolean> |
Check existence |
getUrl(media, conversion?) |
string |
Get URL |
getPath(media, conversion?) |
string |
Get disk path |
getTemporaryUrl(media, exp, conv?) |
Promise<string> |
Get signed URL |
deleteMedia(id) |
Promise<void> |
Delete single item |
deleteAllMedia(type, id) |
Promise<void> |
Delete all for entity |
clearMediaCollection(type, id, coll?) |
Promise<void> |
Clear collection |
setOrder(ids) |
Promise<void> |
Set display order |
regenerateConversions(media, names?) |
Promise<void> |
Regenerate conversions |
npm testRun tests in watch mode:
npm run test:watchGenerate coverage report:
npm run test:covPlease see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
If you discover any security-related issues, please report them via GitHub Issues with the security label instead of using the public issue tracker.
- Image processing powered by Sharp
The MIT License (MIT). Please see License File for more information.