Introducing the new Droplet stack

Droplet is a free, simple and safe file uploader you can place on your website. It’s perfect as part of a CMS workflow; so that clients can upload their own files to stacks like Embed, RefinedSlider, ProGallery or Playlister. Or you can use it to collect images or other documents from students, work colleagues or customers. The emphasis of Droplet is on simplicity, and therefore this stack has far fewer options and functions; compared with other contact form and file uploader addons available for RapidWeaver.

The primary purpose of Droplet is to make a directory (folder) on your web server behave like a public ‘dropbox’. Without requiring any specialist software, website users can use their web browser to drag and drop (or select) files in Droplet. Some clever code within Droplet will scan and upload these files to the designated directory. From here you can automatically reuse the files in your website (like within an image gallery). Alternatively you can download the files using your preferred FTP software or website file manager.

Droplet is built on the popular Dropzone.js plugin. We coded a smart PHP backend which will process file uploads efficiently. The PHP backend will also make the file names web safe (swapping spaces and tabs for hyphens) and provides the option to time stamp the file uploads (to prevent conflicts with files named the same). End users cannot view the contents of the uploads directory, nor can they delete files - it’s purely a one-way dropbox system.

See the Droplet product page for more details and a working example. If you find this stack useful or require support, please make a contribution.

8 Likes

Another amazing stack from S4S. Stacks like this are filling in the missing pieces of the big puzzle. I like the way it has been implemented with additional security features.

Wow, another winner! And another contribution from me. :slight_smile: Very simple and incredibly useful.

Wow, Looks great indeed, Thanks for the share!

Great stack - however, it seems to have issues with Foundation. When I use it in a Foundation site, it won’t work. When I apply a different theme, it does.

I’m using it with foundation without problem. What exactly is happening?

Hey @swilliam , would love to see your site, I just published a page here testing for Joe, and it does not work for me.
http://www.zeebedesigns.com/droplet-foundation-test/
Joe said it is an issue Will has to fix on his end.

What happens is when you drag and drop an image on the site, it just shows the image, not the site.

@therealmf our suggestion is to email Will to be sure he sees this.

I will pm you
and the rest of the 20

The whole window becomes unresponsive. It displays fine, but doesn’t do anything.

I’m still on RW 6.3.7 maybe thats the difference?

@therealmf It’s working perfectly for myself and others. Kindly purchase a support ticket here and email me the details of your setup via the S4S website. The RapidWeaver announcements forum is certainly not the best place to be discussing a support matter like this.

I was wondering if there is a simple way to direct the directory path of the Droplet stack to an email address. The uploads are just for resumes.

File uploads and email messaging are two entirely separate things, so the short answer is that there is no simple way to do this. If FormsPlus does not come close to what you want, then this is something you’d have to get custom developed, so it will securely process and post the information you require to a suitable email account.

@willwood, first off, great work! Another awesome addition any weaver’s toolbox.

Secondly, would it be possible to post to an RSS feed when an upload occurs?

If so then @Bob1 could use a feed reader instead of email or he could use IFTTT to send him an email each time an upload occurs.

Obviously it won’t work anymore on RW 7.4.1. It disrupts the page. It’s neither visible in the preview nor on the real page on the web. Strange: the same problem with FileMan.

And suddently it works again… strange.

There are no known issues with the stack and I cannot replicate anything in RW 7.4.1. The example on my website works fine. Both Droplet and FileMan are PHP based, if that helps you isolate the problem.

THX Will. I have no idea why it works suddently again. It’s kind of magic… magiiiiiic - would Freddy say.

Hello to all,

I hope everyone is safe and healthy in these “new normal” times. I’m hoping that someone can help me with a couple of questions re: Droplet stack.

I’m hosting a site with GoDaddy that was made with RW7. I think that the Droplet stack will work well with having participants uploading work assignments rather than having them use email.

I tried to follow the instructions on Will’s page first regarding making sure that everything was in working order to allow for file uploads. I was shocked to see that the site was still using PHP5.3 - updated to 7.3. I tried to make sure that the php.ini file was set to file_uploads = 0n. GoDaddy uses .uer.ini files so I created one and set my parameters.

My questions are:

Where should this file be placed? Should it go into the public_html directory or should it go into the directory that the contains the page that the Droplet stack is on?

Also, what should I use as the directory link? When I use the copy and paste function in Filezilla for the folder that I want the uploads to be deposited in I get a url that starts with ftp and not http (Will’s page says it should start with http.

My site url reads: http://www.xxxxxxxx.xxx/user-uploads/useruploads.html

I have tried the ftp cut and paste and have also tried the following path:
http://www.xxxxxxxx.xxx/user-uploads/dropletuploads

When I publish the page to test the stack, and I hover over the “rectangle” where I should be able to drag files, I can but it just puts the image there, and if I try to click on the “rectangle” to search for a file to upload, the cursor does not change to allow a click to open a finder window.

Any help will be greatly appreciated. In these days of distance-learning, I yearn for the days of bric-and-mortar" classrooms!

Thanks in advance,

Slavi

Hello Slavi,

GoDaddy has always been a troublesome platform to develop for. They run odd-ball PHP configurations; meaning there’s a lot of common PHP code that fails to work on their servers. Simple libraries you would expect to be there are missing or decades old.

Impossible to say for sure what the problem(s) could be, without having FTP access.

You definitely do want the files uploaded into a sub-directory of your public_html to htdocs directory. Otherwise it will quickly clutter your hosting account and make things hard to organise.

Also I am aware the drag-and-drop and selection of files fails to work in some frameworks like Foundation. But regretfully nobody has offered to fund investigative work or updates in this area, so there’s currently no incentive to rework this area of the stack.

1 Like