From d6a3c0d424c7e49bd114a019b333d8dadb68ef0f Mon Sep 17 00:00:00 2001
From: pythongosssss <125205205+pythongosssss@users.noreply.github.com>
Date: Wed, 12 Apr 2023 13:49:32 +0100
Subject: [PATCH] Add support for dropping images from urls

---
 web/scripts/app.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/web/scripts/app.js b/web/scripts/app.js
index 0399ac72..b1892fc2 100644
--- a/web/scripts/app.js
+++ b/web/scripts/app.js
@@ -362,8 +362,20 @@ class ComfyApp {
 			if (n && n.onDragDrop && (await n.onDragDrop(event))) {
 				return;
 			}
-
+			// Dragging from Chrome->Firefox there is a file but its a bmp, so ignore that
+			if (event.dataTransfer.files.length && event.dataTransfer.files[0].type !== "image/bmp") {
 			await this.handleFile(event.dataTransfer.files[0]);
+			} else {
+				// Try loading the first URI in the transfer list
+				const validTypes = ["text/uri-list", "text/x-moz-url"];
+				const match = [...event.dataTransfer.types].find((t) => validTypes.find(v => t === v));
+				if (match) {
+					const uri = event.dataTransfer.getData(match)?.split("\n")?.[0];
+					if (uri) {
+						await this.handleFile(await (await fetch(uri)).blob());
+					}
+				}
+			}
 		});
 
 		// Always clear over node on drag leave
@@ -1090,7 +1102,7 @@ class ComfyApp {
 					importA1111(this.graph, pngInfo.parameters);
 				}
 			}
-		} else if (file.type === "application/json" || file.name.endsWith(".json")) {
+		} else if (file.type === "application/json" || file.name?.endsWith(".json")) {
 			const reader = new FileReader();
 			reader.onload = () => {
 				this.loadGraphData(JSON.parse(reader.result));