Feature #8579

Multiple file upload with HTML5 / Drag-and-Drop

Added by Jim Mitchener almost 2 years ago. Updated 12 days 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 Feature #10352: Preview should already display the freshly attached images Closed
Duplicated by Feature #10132: Upload attachments via drag and drop Closed
Duplicated by Feature #11590: Multiple files attachment at once Closed
Duplicated by Feature #4785: Request for Drag and Drop feature for file upload in Issu... Closed 2010-02-10

Associated revisions

Revision 10977
Added by Jean-Philippe Lang 6 months ago

Merged ajax_upload branch (#3957).

History

#1 Updated by Etienne Massip almost 2 years ago

  • Assignee deleted (Jim Mitchener)

#2 Updated by Terence Mill almost 2 years ago

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

#3 Updated by Vitaly Sergeev almost 2 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 over 1 year 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 over 1 year 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 over 1 year 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 over 1 year ago

  • Target version set to Candidate for next major release

#8 Updated by Paul Mureev over 1 year 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 over 1 year 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 over 1 year ago

+1 would love this feature

#11 Updated by Max Azarenko about 1 year ago

+1 Good idea

#12 Updated by Pavel Vorobiev about 1 year ago

A necessary feature, please include in the next release!

#13 Updated by V M about 1 year ago

+1

#14 Updated by Ex Vito about 1 year 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 11 months ago

hardly waiting

#16 Updated by Pavel Kholyavkin 10 months ago

looking forward to use this feature!

#17 Updated by Hisham Al-Shurafa 10 months 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 10 months 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.

#19 Updated by Gurvan Le Dromaguet 10 months ago

+1

#20 Updated by Cassiano Monteiro 10 months ago

+1!

#21 Updated by Mark nelson 10 months ago

+1

#22 Updated by Paps 1 10 months ago

+1 for drag and drop

#23 Updated by Allan Story de Almeida Martins 9 months ago

+ 1 for drag and drop

#24 Updated by Paweł Maruszczyk 8 months ago

+1

#25 Updated by Daniel Felix 8 months ago

+1

#27 Updated by Anthony BOUQUET 7 months ago

+1

#28 Updated by Jean-Philippe Lang 6 months ago

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

#29 Updated by Egidijus Zideckas 6 months ago

Thanks, and +1

#30 Updated by Etienne Massip 5 months 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 4 months ago

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

#32 Updated by Andrey Evdokimov 2 months ago

this feature not added into 2.3-stable :(

#33 Updated by Etienne Massip 2 months 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 2 months 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 2 months 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 16 days 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 16 days ago

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

#38 Updated by YongKi Kim 12 days 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

Also available in: Atom PDF