file upload with paste image/screenshot from clipboard

This commit is contained in:
Jitesh Doshi 2023-02-01 18:30:33 -05:00
parent 60d1e2d291
commit 54de4a3c78
2 changed files with 11 additions and 2 deletions

View File

@ -45,7 +45,14 @@ export function scanFiles(dt) {
typeof item.webkitGetAsEntry === "function"
) {
const entry = item.webkitGetAsEntry();
if (entry) {
// for "drop" event
readEntry(entry);
} else {
// for "paste" event
resolve(dt.files);
break;
}
}
}
} else {

View File

@ -423,6 +423,7 @@ export default {
document.addEventListener("dragenter", this.dragEnter);
document.addEventListener("dragleave", this.dragLeave);
document.addEventListener("drop", this.drop);
document.addEventListener("paste", this.drop);
},
beforeDestroy() {
// Remove event listeners before destroying this page.
@ -435,6 +436,7 @@ export default {
document.removeEventListener("dragenter", this.dragEnter);
document.removeEventListener("dragleave", this.dragLeave);
document.removeEventListener("drop", this.drop);
document.removeEventListener("paste", this.drop);
},
methods: {
...mapMutations(["updateUser", "addSelected"]),
@ -657,7 +659,7 @@ export default {
this.dragCounter = 0;
this.resetOpacity();
let dt = event.dataTransfer;
let dt = event.dataTransfer ?? event.clipboardData;
let el = event.target;
if (dt.files.length <= 0) return;