プログラミング日誌 :: jQuery.uploadでファイルアップロード
というようにメッソドを呼び出します。 気になった点としては、<input>タグの下に別のタグを配置すると、アップロードした瞬間、表示がずれるという現象が起きることです。 2. jQuery.uploadの引数 url 対応するサーバ側スクリプトのURL。 data サーバに送信するデータ。 josn形式:{'key':'value'} GET形式:key1=value1&key2=value2... などの形式で指定する。 callback アップロード完了後に呼ばれる関数。 type サーバからのレスポンスデータの形式。 'json', 'text', 'xml', 'html', 'script'のどれか。 3. 使用例 ファイルを指定して「アップロード」ボタンを押すと、引数dataで指定した日時が付加されたメッセージがブラウザに表示されるというシンプルなものを実装しました。 3.1
http://lagoscript.org/jquery/upload/demo
See related links to what you are looking for.
jQuery.upload: A simple ajax file upload plugin
See related links to what you are looking for.
jQuery.uploadを用いてAjaxファイルアップロード - 趣味の延長線
jQueryベースでのAjaxファイルアップロードを検討していましたが、 結局jQuery.uploadプラグインで実装しました。 ある程度JavaScript＆jQueryを使えるなら、実コードをダウンロードして読むだけでも使えると思います。 それくらい、コードが必要最小限にシンプルで美しい*1。 本家のドキュメントはこちら これもきちんと纏まってます*2。 以下、実装例*3。 動線は「ファイル選択」→「送信ボタン」です。 ブラウザに表示する送信フォーム <form action="./#" method="POST" onsubmit="return false;"> <dt>アップロード</dt> <dd><input type="file" name="file" id="deckfileSelect"></dd> <dd><input type="button" value="送
シンプルにAjaxファイルアップロードできるjQueryプラグイン - テクメモ
Ajaxライクに非同期でファイルをアップロードできるjQueryプラグインつくりました。 同様のプラグインやライブラリはいくつかありますが、Flashを使用しないシンプルな実装で jQueryのスタイルを踏襲しているものがなかった（要は好みじゃなかった）ので再実装しました。 デモ ダウンロード サンプル ファイルの選択と同時にそのファイルをアップロードする場合は下記のようになります。 $('input[type=file]').change(function() { $(this).upload('/action/to/upload', function(res) { // アップロード完了時の処理 }, 'json'); }); upload(url, [data], [callback], [type]) url: アップロード先のURL data: 追加で送信するパラメータ call
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
