Feature #8579

Multiple file upload with HTML5 / Drag-and-Drop

Added by Jim Mitchener over 6 years ago. Updated over 2 years ago.

Status:ClosedStart date:2011-06-09
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:Attachments
Target version:2.3.0
Resolution:Fixed

Description

It would be nice to upload multiple files via selecting more than one file at a time in the file selector or having drag-and-drop. This could be implemented with the following example.

http://www.centurion-project.org/articles/html5-multiple-file-upload-with-progress-bar

I will likely come up with a patch for this in the next day or so.

_form.html.erb Magnifier (5.43 KB) YongKi Kim, 2013-05-13 08:06


Related issues

Related to Redmine - Feature #10352: Preview should already display the freshly attached images Closed
Duplicated by Redmine - Feature #10132: Upload attachments via drag and drop Closed
Duplicated by Redmine - Feature #11590: Multiple files attachment at once Closed
Duplicated by Redmine - Feature #4785: Request for Drag and Drop feature for file upload in Issu... Closed 2010-02-10
Duplicated by Redmine - Feature #9065: Allow to add multiple files to issue from one file browse... Closed 2011-08-16
Duplicated by Redmine - Feature #6942: Upload files from a folder Closed 2010-11-19

Associated revisions

Revision 10977
Added by Jean-Philippe Lang almost 5 years ago

Merged ajax_upload branch (#3957).

History

#1 Updated by Etienne Massip over 6 years ago

  • Assignee deleted (Jim Mitchener)

#2 Updated by Terence Mill over 6 years ago

Should be optional, because some browsers don't support html so far

#3 Updated by Vitaly Sergeev over 6 years ago

Jim Mitchener wrote:

I will likely come up with a patch for this in the next day or so.

We need your patch.
Where I can get it?

#4 Updated by Daniel Marino about 6 years ago

Is there an update on this ticket? I also think this would be a very nice feature for Redmine... I often have to upload multiple files at a time on a single issue.

HTML5 Drag and Drop would be nice, but I don't it's necessary. It would be a step forward just to have another anchor tag for multiple file upload that triggers a javascript prompt asking how many files you'd like to upload, and have it show that many file input fields.

#5 Updated by Steve Shaffer about 6 years ago

+1 for drag-and-drop

The answer to this:
http://stackoverflow.com/questions/2657653/drag-and-drop-file-upload-in-google-chrome-chromium-and-safari
...looks promising.

Though I never knew you could just drag and file onto any old file upload input control. That's cool. And honestly, kinda makes the whole HTML5 drag-and-drop file craziness seem a little underwhelming.

#6 Updated by Paul Mureev almost 6 years ago

+1 for drag-and-drop (Regsitred to do this post)

It is extrimly time consuming to add multiple files to the wiki page or regular ticket.

I believe this part of HTML5 supported by latest versions of all browsers already.

Google mail do this way a long ago.

Please add to the next release.

#7 Updated by Etienne Massip almost 6 years ago

  • Target version set to Candidate for next major release

#8 Updated by Paul Mureev almost 6 years ago

2 Etienne.
Thanks man.
You know this feature is one that most of users will use every day. The rest features are also important and helpful, but they will be used not so often or not so many number of people.

Looking forward to see this feature in next release.

#9 Updated by Loïs PUIG almost 6 years ago

What about plUpload ?
http://www.plupload.com

I personaly use it and it is very scalable as he's using many runtimes :

Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.

#10 Updated by Hisham Al-Shurafa almost 6 years ago

+1 would love this feature

#11 Updated by Max Azarenko over 5 years ago

+1 Good idea

#12 Updated by Pavel Vorobiev over 5 years ago

A necessary feature, please include in the next release!

#13 Updated by V M over 5 years ago

+1

#14 Updated by ex vito over 5 years ago

Quick feedback:
  • The summary says "Multiple file upload with HTML5 / Drag-and-Drop".
  • I hope it comes to include the "upload progress feedback" feature of the linked example in the description.

This way, #5889 and #3957 would be closed as well. :)

#15 Updated by Paul Mureev over 5 years ago

hardly waiting

#16 Updated by Pavel Kholyavkin over 5 years ago

looking forward to use this feature!

#17 Updated by Hisham Al-Shurafa over 5 years ago

Safari 6.0 now supports drag and drop on file upload buttons. I just tested it on redmine and it works great. So this ticket is now a mute point if you are using Safari 6.0. And I bet other browsers will follow.

#18 Updated by Paul Mureev over 5 years ago

This ticket not for paste single file path to file edit box.
You know if you copy some file from email attachment, this will not work

It is really required to MULTIPLE copy paste files, and start upload immidiatly to save daily effort.

#20 Updated by Cassiano Monteiro over 5 years ago

+1!

#21 Updated by Mark nelson over 5 years ago

+1

#22 Updated by Paps 1 over 5 years ago

+1 for drag and drop

#23 Updated by Allan Story de Almeida Martins about 5 years ago

+ 1 for drag and drop

#24 Updated by Paweł Maruszczyk about 5 years ago

+1

#25 Updated by Daniel Felix about 5 years ago

+1

#27 Updated by Anthony BOUQUET about 5 years ago

+1

#28 Updated by Jean-Philippe Lang almost 5 years ago

  • Target version changed from Candidate for next major release to 2.3.0

#29 Updated by Egidijus Zideckas almost 5 years ago

Thanks, and +1

#30 Updated by Etienne Massip almost 5 years ago

This feature has been implemented and merged into trunk with r10977 but would require some feedback from the community if you can to make sure it doesn't break with some browser versions we've not been able to test with.

Thanks for your time if you can!

#31 Updated by Jean-Philippe Lang almost 5 years ago

  • Status changed from New to Closed
  • Resolution set to Fixed

#32 Updated by Andrey Evdokimov over 4 years ago

this feature not added into 2.3-stable :(

#33 Updated by Etienne Massip over 4 years ago

Andrey Evdokimov wrote:

this feature not added into 2.3-stable :(

Yes it is. Please note that it won't work with browsers not supporting multiple file upload like IE9.

#34 Updated by Maik Lindner over 4 years ago

Multiple files upload works. Thank you very much. But drag'n'drop does NOT work in 2.3-stable. Tried Firefox 19.0.2 and Chrome 25.0.1364.172 m. Sorry, my fault!! Dropped it in the text box and not on the file button. Works like charme now!!

#35 Updated by Andrey Evdokimov over 4 years ago

Thanks guys, you were right. Cause of error - "Redmine Attach Screenshot" - http://www.redmine.org/plugins/redmine_attach_screenshot_2

#36 Updated by Sławomir Kaimakami over 4 years ago

Tell us more, how to use it drag and drop feature?
I tried many ways in Chrome, but it does not work for me. Where exactly should I drop the file? To what text field? Should I be in edit or in view page of issue?

#37 Updated by Sławomir Kaimakami over 4 years ago

Sorry -my mistake.
I was using version 2.2, not 2.3.

#38 Updated by YongKi Kim over 4 years ago

[WARNING]

Redmine Attach Screenshot causes error on ajax upload feature. I googled all sites, but there were no clue. Finally I digged workround by myself!! I want to share this joy with yours.
For workaround please copy attached hot-patch to the directory :
  • plugins\redmine_inline_attach_screenshot\app\views\attachments

#39 Updated by Filou Centrinov over 4 years ago

  • Duplicated by Feature #9065: Allow to add multiple files to issue from one file browser window added

#40 Updated by Matthew Houston over 4 years ago

@YongKi Kim - You are the greatest, I had just upgraded to 2.3.2 last night and the complaints were already coming in. This patch worked as described.

1. Stopped Redmine (Thin) service
2. Copy new patched file
3. Restart service

Working great! Loving the new file add functionality.

Using Redmine 2.3.2 with the latest inline_screenshot plugin

#41 Updated by William Roush about 4 years ago

YongKi Kim wrote:

[WARNING]

Redmine Attach Screenshot causes error on ajax upload feature. I googled all sites, but there were no clue. Finally I digged workround by myself!! I want to share this joy with yours.
For workaround please copy attached hot-patch to the directory :
  • plugins\redmine_inline_attach_screenshot\app\views\attachments

Sorry about not getting that patch there, I really need to see about getting this plugin to properly use hooks instead of replacing the entire view. :\

Even if I had to do something nasty like a Javascript swap out to get it into the right spot on the page, better than this version compatibility issue.

#42 Updated by Pavel Potcheptsov about 3 years ago

After upgrade to 2.6.0 users reported they they couldn't attach files with drag and drop in Chrome browser.
But in Firefox it still works.

#43 Updated by Go MAEDA almost 2 years ago

Also available in: Atom PDF