Feature #72437

Epic #83669: Improve file list / file browser

File list: Upload files from URLs via Drag and Drop

Added by Christian Weiske almost 5 years ago. Updated 8 months ago.

Status:
Needs Feedback
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.

#1

Updated by Riccardo De Contardi almost 3 years ago

  • Parent task set to #83669
#2

Updated by Benni Mack 9 months 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?

#3

Updated by Bjoern Jacob 9 months 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?

#4

Updated by Benni Mack 8 months ago

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

#5

Updated by Susanne Moog 8 months 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)

#6

Updated by Susanne Moog 8 months ago

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

#7

Updated by Bjoern Jacob 8 months 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!

Also available in: Atom PDF