Variable LoaderConst

Example

Basic usage

using loader = app.scene(generic(Loader), {
  defaultProps: { urls: { a: 'a.png', b: 'b.json' } },
});
const { blobs, error } = await loader.show();
if (error) throw error;
const imageUrl = URL.createObjectURL(blobs.a);
const jsonData = JSON.parse(await blobs.b.text());
Copy

Change resources

using loader = app.scene(generic(Loader), {
  defaultProps: { urls: {} },
});
let result;
for (let i = 0; i < 5; i++) {
  result = await loader.show({ urls: { pic: `resource-${i}.png` } });
  if (!result.error) break;
}
if (result.error) throw result.error;
const imageUrl = URL.createObjectURL(result.blobs.pic);
Copy

Custom children

const { div } = van.tags;
using loader = app.scene(generic(Loader), {
  defaultProps: {
    urls: {},
    children: (resources) =>
      div(() => JSON.stringfy(resources, null, 2)),
  },
});
Copy