HTML5のAPIを使ったアップロードをFuelPHPで実装する | BUTTERFLY Waltz
フロー 1.ファイルアップロード用の処理作成 2.modelにPOSTするためのAjax処理 3.Controllerでファイルを保存する処理 今回はアップロード処理まで 本来のWebアプリケーション開発であれば アップロード後にファイルの情報をDBに格納すべきですが 今回はそれを省いた実装します View image/index <?php $success_message = Session::get_flash('success_message'); if($success_message != null){ echo '<p style="color: red;">'.$success_message.'</p>'; } ?> <div id="drag-area"> <p>アップロードするファイルをドロップしてください</p> </div> エラーメッセージを表示す
画像のズーム効果、画像の一部を拡大表示｜jQuery plugin｜Ajax｜PHP & JavaScript Room
jQueryを使用して、簡単に画像にズーム効果を付ける方法が掲載されています。 使用する画像は原寸大の画像1枚。 img要素のwidth/height属性にサムネイル表示時のサイズを指定しておきます。 サムネイル画像にマウスがのった時に、画像をサムネイル表示時よりCSSで画像サイズを25%大きくするアニメーションを行い、z-indexをあげて他の要素より上に表示するようにしています。 マウスが離れた時に、CSSで画像サイズを元のサイズに戻すアニメーションを行い、z-indexを元に戻す方法がとられています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
