質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

Q&A

解決済

1回答

266閲覧

撮影した画像をデータベースを介さずにダウンロードしたい(正直ダウンロードなのかアップロードなのかもよくわからなくなった)

hokosugi

総合スコア63

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

0グッド

0クリップ

投稿2018/10/07 04:25

編集2018/10/08 10:59

前提・実現したいこと

名前や条件等の項目ごとに画像を撮影して各項目別や全項目の画像をダウンロードさせるアプリを作成したい。

<現在の全体の流れ>
0. webRTCを起動、canvasでtoDataURLメソッドを使いエンコード。
0. form_forでデータベースに保存。
0. コントローラーで画像データをデコード、rails内の、各項目のidの名前を付けたディレクリトリにファイルを書き込み・保存。(いずれS3に保管場所を変更予定)
0. ダウンロード

という流れです。
上級者からデータベースに大量のデータを入れるのはいけないとアドバイスを受け、実際にjpegしか拡張子に使えないこともあり(jpgやpngで試しましたが容量が大きすぎてエラーでした)2.を介さずに直接画像をディレクトリにファイルとして保存したいと思ってます。

javascript

1/1.2. 2$('#save-button').click(function(){ 3 var canvas = document.getElementById('canvas'); 4 var url = canvas.toDataURL('image/jpeg'); 5 $("#picture_pic").val(""); 6 $("#picture_pic").val(url); 7 $("#new_picture").submit();

view

1/1.2. 2<div class="field"> 3 <%= f.hidden_field :pic, :value => "" %> 4 </div> 5 <div class="field"> 6 <%= f.hidden_field :index_id, :value => @index %> 7 </div> 8 <% end %> 9 <button id="save-button", class="btn btn-default">保存</button>

controller

1/3. 2def create 3 @picture = Picture.new(picture_params) 4 @picture.pic = params['picture']['pic'] 5 @picture.index_id = params['index_id'] 6 @picture.id = params['id'] 7 @indexname = @picture.index.name 8 9 if @picture.save 10 redirect_to indices_path, notice: '保存しました' 11 else 12 render :index 13 end 14 15  # データベースpicを要らない文字列を除外してデコード 16 image_data = Base64.decode64(@picture.pic['data:image/jpeg;base64,'.length .. -1]) 17 18 if Dir::exist?("#{Rails.root}/public/downloads/name_no#{@picture.index_id}") 19 File.open("#{Rails.root}/public/downloads/name_no#{@picture.index_id}/#{@indexname}_#{@picture.id}.jpeg", 'wb') do |f| 20 f.write(image_data) 21 end 22 else 23 Dir::mkdir("#{Rails.root}/public/downloads/name_no#{@picture.index_id}") 24 File.open("#{Rails.root}/public/downloads/name_no#{@picture.index_id}/#{@indexname}_#{@picture.id}.jpeg", 'wb') do |f| 25 f.write(image_data) 26 end 27 end

試したこと

色々ググってみましたが、ほとんど手も足も出ない状態です。
宜しくおねがいします。

補足情報
開発環境:could9
ruby: 2.3.1p112
rails: 4.2.6

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

なんとか自己解決しました。

  1. webRTCを起動、canvasでtoDataURLメソッドを使いエンコード。
  2. form_forでデータベースに保存。
  3. コントローラーで画像データをデコード、rails内の、各項目のidの名前を付けたディレクリトリにファイルを書き込み・保存。(いずれS3に保管場所を変更予定)
  4. ダウンロード

1.のあとにjavascriptにajaxでcontroller側に値を受け渡すコードを書く。
controller側で3.の処理をするだけ。
ほとんどをこのサイト-javascriptの値をrailsのController側に渡すを参考しました。ありがとうございました。

投稿2018/10/08 10:58

hokosugi

総合スコア63

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問