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

Sponsored Link


有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation