Project

General

Profile

Actions

Feature #72437

closed

Epic #83669: Improve file list / file browser

File list: Upload files from URLs via Drag and Drop

Added by Christian Weiske over 8 years ago. Updated about 2 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
File Abstraction Layer (FAL)
Target version:
-
Start date:
2015-12-25
Due date:
% Done:

0%

Estimated time:
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

It should be possible to drop an image from another browser window onto the file list upload area. TYPO3 should then download the image from the dropped URL and handle it like a normal file upload.

Actions #1

Updated by Riccardo De Contardi about 6 years ago

  • Parent task set to #83669
Actions #2

Updated by Benni Mack about 4 years ago

  • Status changed from New to Needs Feedback

This sounds like ... wild... mainly because there are so many browser restrictions nowadays in place to deal with "isolation" = no interaction between browser tabs and domains. How would you consider achieving this? Do you have a PoC?

Actions #3

Updated by Björn Jacob about 4 years ago

Sounds wild to me as well. But I've seen a couple of modern UIs allowing to "paste" copied images. Tools like Discourse and YouTrack implemented such a function. It behaves as follow:

  • You are on any web page and copy an image, e.g. by clicking on the image and choosing "Copy image" from the context menu.
  • You are now heading to your TYPO3 BE, open a CE and press in some way "insert" (via keyboard shortcut, context menu and so on.
  • The image is inserted into the CE.

Since this is kinda nice for the above mentioned tools I see some problems for our TYPO3 BE. We do not allow/ want to insert images in the RTE area. Instead we are having a dedicated "field" for it to create sys_file_references. Let's assume, inserting the copied image via the mentioned process creates such a sys_file_reference. There would still be the problem with the storage. To which storage do we add the images? To which folder? What would be the name? What happens if the image is already there.

I still like the idea of pressing CMD/ STRG + V to paste an asset with no hazzle. I am using it quite often within the other tools but I see some problems within our UI.

What do you guys think?

Actions #4

Updated by Benni Mack about 4 years ago

Looks like we'd need some kind of JavaScript API to handle this. If possible we need to evaluate this first.

Actions #5

Updated by Susanne Moog about 4 years ago

I like Björns idea, I would just adjust it a bit to avoid some problems: Pasting is like uploading -> so I'd allow that everywhere, where the drag uploader is used / displayed.

Should be possible using https://stackoverflow.com/questions/50427513/html-paste-clipboard-image-to-file-input

could look / feel a bit like https://innostudio.de/fileuploader/ (Ajax Example)

Actions #6

Updated by Susanne Moog about 4 years ago

a good possibility might be https://uppy.io/

Actions #7

Updated by Björn Jacob about 4 years ago

Hey Susi, thanks for your input and the links. Love the uppy.io solution. Kinda fancy with all of the different and modern sources. Rocks!

Actions #8

Updated by Christian Kuhn about 2 years ago

  • Status changed from Needs Feedback to Closed

Hey. It looks to me as if there is not gonna be active action on this issue in the foreseeable future. I hope it's ok to close here for now. In case anyone wants to work on an integration of for instance uppy.io, this can happen with fresh issues.

Actions

Also available in: Atom PDF