michael/stable-diffusion-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Reset image input when dragover new image

Browse source
This commit is contained in:
trufty 2022-09-20 14:59:34 -04:00 committed by AUTOMATIC1111
parent 19a75d38d7
commit 9035afbab5
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
javascript/dragdrop.js vendored
View file

@ -19,6 +19,15 @@ function dropReplaceImage( imgWrap, files ) {
}); });
} }
function pressClearBtn(hoverElems) {
//Find all buttons hovering over the image box
let btns = Array.from(hoverElems.querySelectorAll("button"))
//Press the last btn which will be the X button
if (btns.length)
btns[btns.length-1].click()
}
window.document.addEventListener('dragover', e => { window.document.addEventListener('dragover', e => {
const target = e.composedPath()[0]; const target = e.composedPath()[0];
const imgWrap = target.closest('[data-testid="image"]'); const imgWrap = target.closest('[data-testid="image"]');
@ -27,7 +36,13 @@ window.document.addEventListener('dragover', e => {
} }
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
e.dataTransfer.dropEffect = 'copy';
if (e.dataTransfer)
e.dataTransfer.dropEffect = 'copy';
//If is gr.Interface clear image on hover
if (target.previousElementSibling)
pressClearBtn(target.previousElementSibling)
}); });
window.document.addEventListener('drop', e => { window.document.addEventListener('drop', e => {