画像ファイルをアップロードし、サーバー側で処理した結果を画面遷移せずに表示する
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery.uploadのサンプル</title> <script type="text/javascript" src="./js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="./js/jquery.upload-1.0.2.min.js"></script> <script type="text/javascript"> $(function() { $('#file_id').change(function() { $(this).upload('upload.php', function(res) { $(res
jQuery.uploadを使った、画像のサムネイルを表示するフォームのデモを作りました。 - Toro_Unit
以前、jQuery.uploadでアップロード画像のサムネイルの作成というエントリーを書いたので、それの実装を作ってみました。アップロードする画像を選択すると、アップロードされ、それのサムネイルが表示されます。 また、ページを離れるときに画像をJavascriptで削除していますが、実際に使うときは使わない場面も多いと思いますので、その部分は適当に削除するなり、なんなりして下さい。 デモ：http://demo.torounit.com/jquery.upload/ script.js(ajaxでのアップロード等々) [js] jQuery(function($){ //送信ボタンの非表示 $(‘#submit’).hide(); //フォームの内容が変更されたとき $(‘#img’).change(function() { var preview = $(‘#preview’); //現
jQuery.uploadでアップロード画像のサムネイルの作成 - Toro_Unit
Ajaxを使ったメールフォームとかってやっぱり素敵ですよね。 以前仕事で写真投稿付きのフォームを作らざるを得なかったので、どうせならということでAjax化しました。 というわけでjQuery.uploadを使って写真をアップロードして、サムネイルを表示するチュートリアルです。 2011-12-03追記:デモ作りました。jQuery.uploadを使ったフォームのデモを作りました。 コード html [html] <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>upload form</title> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery.uploadを使ってみる | モリ☆ログ
remora.cx