• Bootstrap Drag Drop File Upload

Nov 9, 2015 - With Drupal 8 around the corner a lot of people started asking me when will media be ready. It was quite reasonable to expect. Some of them are still very nice. Most noticeable for a day to day user are WYSIWYG embedding of images, multi-upload with drag'n drop support and listing of files in the system. Sep 19, 2016 - Also IMCE Rotate, which lets you rotate images. Windows xp x64 sp3 iso. Together they almost get you to Wordpress-level image editing. Neither are ready in Drupal 8 yet. Also in Drupal 7, we had Drag and Drop upload functionality via the IMCE plupload module, this made it really easy to upload lots of files into IMCE at one time.

So I'm struggling a bit to find what I'm looking for and how to implement it. I have a basic PHP file uploader working, in that a user presses a custom upload button, selects a file and then using JS, it checks for a change (Ie. The user selecting a file) and then submits the form which uploads the image fine. What I also want now is a drag & drop to upload area. So the user can drag an image from their file explorer and drop it in a designated place (not the whole page) and then once that image has been dropped for the form to submit automatically with their image and use the same PHP processing. Is this possible and realistic?

Hey @droplet. The other issue definitely didn't solve this. Perhaps this should implement the recommended design from? I've mentioned it a few times before, but this design requires some clever coding to hide the actual file field itself.

Bootstrap Drag Drop File Upload

Hiding an input type='file' requires quite a bit of work last time I investigated this. Additionally, I'm not sure that mock is really the best idea considering users.expect. to be able to click on a browse button, especially on devices that don't have drag and drop at all (tablets and phones). or to post comments.