File Storage > Uploads & Listing
File Storage > Uploads & ListingKroxt BaaS SDK v1.0.5

Uploads & Listing

Create Folder:
storage.ts
1
2
3
const folder = await baas.storage.createFolder({
  name: "profile-pics",
});
Upload File:
storage.ts
1
2
3
4
5
6
7
8
const fileMeta = await baas.storage.upload(fileBlob, {
  folder: "profile-pics",
  visibility: "public",
  onProgress: (event) => {
    console.log(`Upload Progress: ${event.percentage}%`);
  },
});
console.log("File CDN Url:", fileMeta.url);
List Uploaded Files in Folder:
storage.ts
1
2
3
const { files } = await baas.storage.list({
  folder: "profile-pics",
});

TypeScript Type Integration

Import typed structures for folders and file metadata:

types.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
import type { StorageFile, StorageFolder } from "@kroxt/baas-sdk";

const folder: StorageFolder = await baas.storage.createFolder({
  name: "avatar-bucket",
});

const fileMeta: StorageFile = await baas.storage.upload(fileBlob, {
  folder: "avatar-bucket",
  visibility: "public",
});

console.log("File Name:", fileMeta.fileName);
console.log("CDN URL:", fileMeta.url);