jQuery製で手軽に使えるHTML5による画像のドラッグアンドドロップアップローダー·Droparea MOONGIFT
DropareaはHTML5/jQueryで画像のドラッグアンドドロップによるファイルアップロードを行うライブラリ。 DropareaはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によって大きく改善されたWebの機能の一つがファイルアップロードではないだろうか。複数のファイルがアップロードできるようになったり、ドラッグアンドドロップでもアップロードできるようになった。 アップロードするとすぐにサムネイルが表示される ドラッグアンドドロップでのアップロードとしてはGmailが有名だが、ファイルを持っていってはじめてドロップできることに気づくのでは使い勝手が良いとは思えない。それをもう少し分かりやすくしたのがDropareaだ。 DropareaはWebページに写真をアップロードするjQueryプラグインだ。特徴としてアップロードできる部分があらかじめ指定されて
小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード·html5uploader MOONGIFT
html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。 html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 デモ。この枠にドロップする。 それがHTML5によって複数ファイルのアップロードに対応するようになり、便利になった。だがファイル選択のダイアログが面倒なのは変わらない。それを改善してくれるライブラリがhtml5uploaderだ。 html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行
ドラッグアンドドロップ、プログレスバー表示に対応したアップロードライブラリ·File Uploader MOONGIFT
File UploaderはD&Dをサポートし、複数ファイルのアップロードとプログレスバー表示に対応したライブラリ。 File UploaderはHTML5/JavaScript製のオープンソース・ソフトウェア。Webブラウザの操作で最も面倒なのがファイルのアップロードではないだろうか。一つのファイルしか指定できないインタフェースや、巨大なファイルを送信中の固まった状態はとてもユーザビリティが低い。 ドラッグアンドドロップ そうした問題点を解決するのに使われてきたのがFlashだが、HTML5になって複数ファイルのアップロードもできるようになった。さらにユーザビリティを高めるために使ってみたいのがFile Uploaderになる。 File Uploaderはドラッグアンドドロップでファイルのアップロードが出来るライブラリだ。まるでGmailのようなインタフェースになっている。フォルダは無
Railsでファイルのアップロード機能を作成する際の基本的なことのまとめ - takihiroの日記
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
file_column プラグイン内部構造 - elm200 の日記(旧はてなダイアリー)
file_column の内部構造についてメモ。 Rails におけるファイルアップロードの仕組みについて。 まず file_column を使わずにどうやってファイルをアップロードするのかというところから始める。 Entry モデルに image というファイル用のカラムがあったとする。アップロード用のフォームは次のような感じ。 <% form_tag({:action => 'create'}, :multipart => true) do %> <%= file_field 'entry', 'image' %></p> <% end %> file_field() は という HTML を生成するヘルパメソッドである。form_tag() で :multipart => true と指定されていることに注意。これがないとアップロードできない。 アップロードされたファイルを受け取るコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
