Drag'n'Drop Uploads

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
Deciphered's picture

Hi guys,

I figure someone in this group may be interested in my latest module as I believe it is very usability focused. It's called "Drag'n'Drop Uploads", and unsurprisingly that is exactly what it offers users, the ability to drag and drop a file from your desktop onto a FileField/ImageField, Node Textarea or WYSIWYG display and have the file automatically uploaded and referenced (when appropriate).

It is only in Beta at the moment as it still offers limited support, with native HTML5(ish) support in Firefox 3.6, native trickery in Safari/Chrome and Google Gears support elsewhere, with some minor compatibility issues that I still need to work out.

I would be more than happy to have someone with more usability experience look into the module and provide feedback or even help with the development. The project page is: http://drupal.org/project/dragndrop_uploads

A video demonstration can be found at: http://bit.ly/7M2qGx
A live demonstration that you can play with yourself can be found at: http://demo.stuar.tc/dragndrop_uploads

Hope this interests someone, and hope to hear some feedback.

Cheers,
Deciphered.

Comments

I believe this is something

Bojhan's picture

I believe this is something worthy for Drupal 8.

_

Deciphered's picture

Hi Bojhan,

I had never really considered looking at this as an inclusion to Core, but I would certainly not be opposed to it. However I have never personally had anything to do with Drupal core development and wouldn't have the first idea of where to start. I also suspect that there would need to be a complete restructure of the DnDU code due to my coding standards compared to those of the Drupal JS pros.

With all that said, I am hoping to get some Drupal JS pros interested enough in the idea of Drag'n'Drop Uploads to do an audit of the code and make some suggestions to improvements, while I believe I have done a good job getting the module to do what it does, I don't doubt it could be greatly improved.

Cheers,
Deciphered.

drag'n'drop uploads changes my approach

whatdoesitwant's picture

I am working on a wysiwyg lay out less based on Word's interface and more on professional conventions as used in publishing programs. I try to use microformats to insert prethemed snippets. Drag'n'drop uploads has changed my approach. I used to try to get the images to the Insert module, add the title/alt, copyright and legend information and have Insert insert everything into the body. Editing was difficult.

Drag'n'drop has convinced me that a lightbox like approach is the way to go for image: drag'n'drop the image and trigger an optional lightbox to create and format the microformat, greying out the other content. This approach could be extended to other figures and microformats, like addresses and tables. But I don't know the event to capture. I've made some scribbles that i'll put up on flickr over the weekend.

Fortunately the new ckeditor's api allows for this approach and now has a jquery base to achieve it.

The microformat approach would be compatible with wysiwygs direction with input filters, but the goal here is to have wysiwyg editors be the solution and markup editors be the problem, not the other way around. I see no issue with the Diff module. Autosave and perhaps Maxlength must be catered for, though.
Semantic data (as parts of the microformats) inherent to the article would not live as separate fields in Drupal, but exist semantically within the article. Harvesting of such data, for example for lists of contents, indexes or bibliographies would have to be fulfilled by seperate modules. Connections between "internal" microformat data and related external content would necessitate id's.

Usability

Group organizers

Group categories

UX topics

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: