From 7caf6a5699bfa38251cffb809c775157f366adfe Mon Sep 17 00:00:00 2001 From: Vanessa Date: Thu, 13 Apr 2023 11:30:34 +0800 Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/7945 --- app/src/protyle/header/Background.ts | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/app/src/protyle/header/Background.ts b/app/src/protyle/header/Background.ts index 90798f65e..b2460bb1f 100644 --- a/app/src/protyle/header/Background.ts +++ b/app/src/protyle/header/Background.ts @@ -82,6 +82,23 @@ export class Background { }; }); } else { + this.element.addEventListener("dragover", async (event) => { + event.preventDefault(); + }) + this.element.addEventListener("drop", async (event: DragEvent & { target: HTMLElement }) => { + if (event.dataTransfer.types[0] === "Files" && event.dataTransfer.files[0].type.indexOf("image") !== -1) { + uploadFiles(protyle, [event.dataTransfer.files[0]], undefined, (responseText) => { + const response = JSON.parse(responseText); + const style = `background-image:url("${response.data.succMap[Object.keys(response.data.succMap)[0]]}")`; + this.ial["title-img"] = style; + this.render(this.ial, protyle.block.rootID); + fetchPost("/api/attr/setBlockAttrs", { + id: protyle.block.rootID, + attrs: {"title-img": style} + }); + }); + } + }) this.imgElement.addEventListener("mousedown", (event: MouseEvent & { target: HTMLElement }) => { event.preventDefault(); if (!this.element.firstElementChild.querySelector(".protyle-icons").classList.contains("fn__none")) {