前提・実現したいこと
名前や条件等の項目ごとに画像を撮影して各項目別や全項目の画像をダウンロードさせるアプリを作成したい。
<現在の全体の流れ>
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
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。