JavaScript File APIを使ってアップロードフォームに画像プレビューを設置する
前回の続き。アップロードフォームで画像を選択すると、横に選択画像を表示するようにした。 成果物：upload.html (画像ファイルの選択でプレビューを表示) メモ ファイル選択ボタン(input type=”file”)のchangeイベントがトリガー ファイルオブジェクトはdocument.getElementById(“image”).files[0]で取得できるが、jQueryなら$(‘#image’).prop(‘files’)[0]と書ける $('#image').change(function() { var file = $(this).prop('files')[0]; var fr = new FileReader(); fr.onload = function() { $('#preview').attr('src', fr.result); // 読み込んだ画像デ
Rails 3 に paperclip で画像をアップロードした
paperclip という Gem を使うと、Ruby on Rails に手軽に画像をアップロードできる仕組みが作れる。README を読むと一発で動きそうだったけど、世の中、上手くいかないもの。ハマったので、最小限のコードだけ書いておく。 なお、paperclip はデフォールトでファイル・ストレージ、Fog Storage、S3 Storage(aws-sdk 経由) に対応しており、追加の gem のインストールで Azure Storege と Dropbox にも対応する。 thoughtbot/paperclip · GitHub 利用バージョンは以下の通り: Ruby 2.0.0-p0 Rails 3.2.11 paperclip 3.4.1 準備 convert への Path 指定 paperclip はバックエンドで ImageMagick を使う。config/en
Rails 画像のアップロード方法 - アンドロイド・アミーゴ・Rails
11 « 1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.» 01 Admin New entry Up load All archives ■データベースに保存する画像のアップロード方法 下記参考URL通り実施すると出来ました。 http://web.sfc.keio.ac.jp/~hattori/script-lang/ar01s11.html 1.モデルに写真データ本体と、画像卯形式データを保存するカラムを作成 picture_data:binary content_type:string を追加する。 2.アップロード用にフォームを修正する <div class="field"> <%= f.label :picture_file %><br /> <%= f.f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
