HTML5 DRAG & DROP IMAGE FILE UPLOADER - HTML5ドラッグ＆ドロップでファイルアップロードできるjQueryプラグイン

2011/06/09 21:43 Update

TAGS: HTML5 | ファイルアップロード | jQuery | JavaScript | MIT

ファイルアップローダーといえば、<input type="file">というHTMLタグを利用して、サブミットボタンを押してから初めてファイルアップロードを行うイメージですが、HTML5 DRAG & DROP IMAGE FILE UPLOADERは、HTML5ドラッグ＆ドロップでファイルアップロードできるjQueryプラグインです。

サーバ側はPHPスクリプトを利用しています。

◇　言語：JavaScript(jQuery)
◇　ライセンス：MIT

コード例：

<div class="droparea spot" data-width="460" data-height="345" data-type="jpg" data-crop="true" data-quality="60" data-folder="sample" data-something="stupid"></div>
<script>
$('.droparea').droparea({'post' : '/data/dev/droparea/upload.php'});
</script>

参考資料

HTML5 DRAG AND DROP IMAGE FILE UPLOADER in plugins.jquery.com

droparea - github.com

Relative Articles

我要投稿

HTML5 DRAG & DROP IMAGE FILE UPLOADER - HTML5ドラッグ＆ドロップでファイルアップロードできるjQueryプラグイン

参考資料

Sponsored Link

Comments

Relative Articles

分类

Newest Top10