Browse Source
Allow to paste images
dropzone.js doesn't support pasting itself yet, so adding it externally
and calling `.addFile()` to upload the pasted image.
Fixes #130
pull/153/head
Benjamin Neff
7 years ago
No known key found for this signature in database
GPG Key ID: 971464C3F1A90194
2 changed files with
12 additions and
2 deletions
-
static/js/upload.js
-
templates/index.html
|
|
@ -102,8 +102,18 @@ Dropzone.options.dropzone = { |
|
|
|
previewsContainer: "#uploads", |
|
|
|
parallelUploads: 5, |
|
|
|
headers: {"Accept": "application/json"}, |
|
|
|
dictDefaultMessage: "Click or Drop file(s)", |
|
|
|
dictDefaultMessage: "Click or Drop file(s) or Paste image", |
|
|
|
dictFallbackMessage: "" |
|
|
|
}; |
|
|
|
|
|
|
|
document.onpaste = function(event) { |
|
|
|
var items = (event.clipboardData || event.originalEvent.clipboardData).items; |
|
|
|
for (index in items) { |
|
|
|
var item = items[index]; |
|
|
|
if (item.kind === "file") { |
|
|
|
Dropzone.forElement("#dropzone").addFile(item.getAsFile()); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
// @end-license
|
|
|
@ -13,7 +13,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="dzone" class="dz-default dz-message"> |
|
|
|
<span>Click or Drop file(s)</span> |
|
|
|
<span>Click or Drop file(s) or Paste image</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div id="choices"> |
|
|
|