Tags: upload

9

sparkline

Tuesday, January 16th, 2018

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript — Smashing Magazine

A step-by-step guide to implementing drag’n’drop, and image previews with the Filereader API. No libraries or frameworks were harmed in the making of this article.

Saturday, December 19th, 2015

Photo upload and progressive enhancement for FixMyStreet / mySociety

Matthew describes a very nice bit of progressive enhancement for drag’n’drop file uploads (similar to the CSS Tricks article I linked to recently).

It uses the Dropzone JS which looks like it aligns nicely with the progressive enhancement approach.

Tuesday, December 1st, 2015

Drag and Drop File Uploading | CSS-Tricks

This is a terrific example of progressive enhancement in action: going from a simple file input to a lovely interactive drag’n’drop interface.

The code uses jQuery but it could be easily adapted to vanilla JavaScript, and anyway, it’s not so much the code that matters, it’s the approach.

Monday, September 22nd, 2014

[this is aaronland] upload.js

A really handy bit of code from Aaron for building a robust file uploader. A way to make your web-based photo sharing more Instagrammy-clever.

Monday, July 19th, 2010

Home - Transloadit

A very handy looking API that turns file uploading (and conversion) into a service.

Monday, November 3rd, 2008

DSC_2672_1 on Flickr - Photo Sharing!

This photograph is the 3,000,000,000th to be uploaded to Flickr.

DSC_2672_1

Sunday, May 11th, 2008

vidnik - Google Code

A handy Mac app from Google that allows you to record from your iSight and upload directly to YouTube.

Thursday, March 27th, 2008

Muxtape

This looks like it could be a fun simple little service: upload MP3s to make an online mix tape ...that's it.

Tuesday, September 11th, 2007

Styling File Inputs with CSS and the DOM // ShaunInman.com

A clever little technique by Shaun for faux-styling file input elements using a mixture of CSS and JavaScript.