How to load a default file?

[vitorhugo-tech]

I want to use this code in a program of mine, but instead of having the users choose the image they want to use I want to assign an image from another separate program on page load. I've been finding it troublesome to find in which line the this program gets the image. Is there an easy way to do it?

[n-peugnet]

This is related to #36. Loading an image programmatically was one of the features I wanted to add but I never really did it.

The image is loaded in the handleFile function, but for now it requires a p5.File variable type. So if you manage to create one from an image it should work if you pass it to that function.

image-map-creator/src/p5.image-map-creator.ts

Lines 396 to 419 in f819e05

	handeFile(file: p5.File): void {
	if (file.type == "image") {
	this.img.data = this.p5.loadImage(file.data, img => this.resetView(img));
	this.img.file = file.file;
	if (!this.map.getName()) {
	this.map.setName(file.name);
	this.settings.setValue("Map Name", this.map.getName());
	}
	} else if (file.subtype == 'json') {
	fetch(file.data)
	.then(res => res.blob())
	.then(blob => {
	let reader = new FileReader();
	reader.onload = () => {
	let json = reader.result;
	if (typeof(json) == "string") {
	this.importMap(json);
	}
	};
	reader.readAsText(blob);
	});
	}
	this.bgLayer.disappear();
	}