raphael/whiteboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add manual image upload function to whiteboard

Browse Source
This commit is contained in:
Raphael 2022-10-15 20:22:08 +02:00
parent 3edc96a5ce
commit a49716abc9
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/js/main.js
View File

@ -333,7 +333,18 @@ function initWhiteboard() {
.off("click")
.click(function () {
if (ReadOnlyService.readOnlyActive) return;
showBasicAlert("Please drag the image into the browser.");
showBasicAlert(`Please drag the image into the browser.<br>
Or upload here: <input type="file" id="manualFileUpload" name="myfile" />`);
document.getElementById("manualFileUpload").addEventListener(
"change",
function (e) {
$(".basicalert").remove();
if (ReadOnlyService.readOnlyActive) return;
e.originalEvent = { dataTransfer: { files: e.target.files } };
handleFileUploadEvent(e);
},
false
);
});
// save image as imgae
@ -621,10 +632,8 @@ function initWhiteboard() {
}
});
$("#whiteboardContainer").on("drop", function (e) {
//Handle drop
if (ReadOnlyService.readOnlyActive) return;
function handleFileUploadEvent(e) {
console.log(e);
if (e.originalEvent.dataTransfer) {
if (e.originalEvent.dataTransfer.files.length) {
//File from harddisc
@ -766,6 +775,13 @@ function initWhiteboard() {
});
}
}
}
$("#whiteboardContainer").on("drop", function (e) {
//Handle drop
if (ReadOnlyService.readOnlyActive) return;
handleFileUploadEvent(e);
dragCounter = 0;
whiteboard.dropIndicator.hide();
});