ドラッグ＆ドロップでファイルのUploadを実現する「dropzone.js」 - Tecuration .com

「dropzone.js」はドラッグ＆ドロップでファイルをUploadするUIを提供するjQueryプラグインです。 dropzone.js ファイルアップローダーを実装するプラグインはたくさんありますが、「dropzone.js」の特筆すべき点はデザイン性の高さと、実装の簡単さにあります。まずそのデザインをデモ画像を通じてご紹介します。 Uploadする前はこのような状態です。 画像をドラッグ＆ドロップします。するとUploadが始まります。プログレスバーが表示され、どれくらいで処理が完了するかが分かります。 画像のUploadが完了しました。このようにミニサイズの画像が表示されます。 では、「dropzone.js」の最も基本的な実装方法についてご紹介します。まずは外部ファイルを読み込みます。 <script src="dropzone.min.js"></script> HTMLはこ

[typista]

ドラッグ＆ドロップでファイルのUploadを実現する「dropzone.js」