Adding more images

Add the images in a folder in docs

Create the toc file using: node src/buildToc.mjs

Demo files

Files are available at the following URL https://image-js.github.io/image-dataset-demo/

It is possible to load all the files at once using 'file-collection'

const url = 'https://image-js.github.io/image-dataset-demo/';
const fileCollection = new FileCollection();
await fileCollection.appendWebSource(url);

There is a 'toc' file that could be placed in a menu:

• https://image-js.github.io/image-dataset-demo/toc.json

This toc file contains 'source' that could be a props of a react component.

import { FileCollection } from 'file-collection';

const source = {
  baseURL: 'https://image-js.github.io/image-dataset-demo/',
  entries: [
    {
      relativePath: 'cats/cats-eyes-2944820_1280.jpg',
    },
  ],
};
const fileCollection = new FileCollection();
await fileCollection.appendSource(source);
const files = [...fileCollection];

const arrayBuffer = await files[0].arrayBuffer();

console.log(files);
console.log(arrayBuffer.byteLength);