jQuery ファイルアップローダー Dropify

ダウンロード

https://github.com/JeremyFagis/dropify
から以下をダウンロードして保存
・dropify.js
・dropify.css
・fontsディレクトリ

設定

・jQueryライブラリ読み込み
・dropify.css読み込み
・dropify.js読み込み

実装

File要素を作成。class属性にdropifyを設定

<input type="file" name="〜" class="dropify" accept="image/*" data-height="300">


$(function(){
 $('.dropify').dropify();
});

Follow me!