diff --git a/Webserver/src/routes/image/+page.svelte b/Webserver/src/routes/image/+page.svelte
index 4b8d023..d689155 100644
--- a/Webserver/src/routes/image/+page.svelte
+++ b/Webserver/src/routes/image/+page.svelte
@@ -17,6 +17,7 @@
 
 	let imageURL: string | null, lastImage: File;
 	let uploadData: UploadData, matrix: Matrix;
+	let uploadStarted = false;
 
 	async function updateMatrix() {
 		await fetch('/api/redirect?endpoint=update');
@@ -117,26 +118,28 @@
 <input type="file" name="image" accept="image/*" on:change={uploadImage} />
 {#if imageURL}
 	<img src={imageURL} alt="User uploaded" />
-	{#await fileAsDataURL(lastImage, matrix.width, matrix.height)}
-		<p>Loading image data . . .</p>
-		<p>{uploadData.elapsed} seconds elapsed.</p>
-	{:then dataUrl}
-		{#await sendImage(dataUrl)}
-			<p>Sending image . . .</p>
+	{#if uploadStarted}
+		{#await fileAsDataURL(lastImage, matrix.width, matrix.height)}
+			<p>Loading image data . . .</p>
 			<p>{uploadData.elapsed} seconds elapsed.</p>
-		{:then}
-			{#await placeImage()}
-				<p>Placing image . . .</p>
+		{:then dataUrl}
+			{#await sendImage(dataUrl)}
+				<p>Sending image . . .</p>
 				<p>{uploadData.elapsed} seconds elapsed.</p>
 			{:then}
-				{#await updateMatrix()}
-					<p>Updating matrix . . .</p>
+				{#await placeImage()}
+					<p>Placing image . . .</p>
 					<p>{uploadData.elapsed} seconds elapsed.</p>
 				{:then}
-					<p>Done!</p>
-					<p>{uploadData.elapsed} seconds elapsed.</p>
+					{#await updateMatrix()}
+						<p>Updating matrix . . .</p>
+						<p>{uploadData.elapsed} seconds elapsed.</p>
+					{:then}
+						<p>Done!</p>
+						<p>{uploadData.elapsed} seconds elapsed.</p>
+					{/await}
 				{/await}
 			{/await}
 		{/await}
-	{/await}
+	{/if}
 {/if}