ulysia/szurubooru
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

client/upload: upload from clipboard

Browse source 
Closes #320
This commit is contained in:
neobooru 2021-06-04 20:06:40 +02:00
parent d102578b54
commit 4e8f72fb87
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
client/js/controls/file_dropper_control.js
View file

@ -19,7 +19,8 @@ class FileDropperControl extends events.EventTarget {
lock: options.lock,
id: "file-" + Math.random().toString(36).substring(7),
urlPlaceholder:
options.urlPlaceholder || "Alternatively, paste an URL here.",
options.urlPlaceholder ||
"Alternatively, paste an image or URL here.",
});
this._dropperNode = source.querySelector(".file-dropper");
@ -48,6 +49,9 @@ class FileDropperControl extends events.EventTarget {
this._urlInputNode.addEventListener("keydown", (e) =>
this._evtUrlInputKeyDown(e)
);
this._urlInputNode.addEventListener("paste", (e) =>
this._evtPaste(e)
);
}
if (this._urlConfirmButtonNode) {
this._urlConfirmButtonNode.addEventListener("click", (e) =>
@ -129,6 +133,17 @@ class FileDropperControl extends events.EventTarget {
this._emitFiles(e.dataTransfer.files);
}
_evtPaste(e) {
const items = (e.clipboardData || e.originalEvent.clipboardData).items;
const fileList = Array.from(items).map((x) => x.getAsFile());
if (!this._options.allowMultiple && fileList.length > 1) {
window.alert("Cannot select multiple files.");
} else {
this._emitFiles(fileList);
}
}
_evtUrlInputKeyDown(e) {
if (e.which !== KEY_RETURN) {
return;