サイト内検索:

いつか使ってみたい画像プレブー月のアップローダーJSライブラリ「Dropzone.js」

dropzone.js is an open source library that provides drag'n'drop file uploads with image previews

Dropzone.js

Webブラウザにドラッグ&ドロップで画像ファイルをアップロード可能にし、しかもプレビュー画像まで表示しちゃうという素敵なJavaScriptライブラリDropzone.jsです。

アップロードした画像は保存されないよ、とのことなのでデモで試してました。

お花のGIFファイルをブラウザにドラッグ&ドロップする、こんな感じでアップロードした画像がアップロード済みとして表示されます。

Dropzone.js

ただ例によって使えるブラウザには制限がありまして、

Chrome 7+
Firefox 4+
IE 10+
Opera 12+ (Currently disabled for MacOS because their API is buggy)
Safari 5+

となっております。IEが10以上というのがちょっと使うのに勇気要るかな。

ちなみに同様のライブラリもある中でこのライブラリを作った理由は、

I didn't want it to be too big, and too cumbersome to dive into.
I want to design my own elements. I only want to register callbacks so I can update my elements accordingly.
Big files should get uploaded without a problem.
I wanted a callback for image previews, that don't kill the browser if too many too big images are viewed.
I want to use the latest API of browsers. I don't care if it falls back to the normal upload form if the browser is too old.

といった不満があったようです。

いつか実際の現場で使ってみたいです。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2013年2月20日 18:10に書いたブログ記事です。

ひとつ前のブログ記事は「3Dプリンターじゃなくて3Dペンの「3Doodler」」です。

次のブログ記事は「2月21日んのラッキーさん」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。