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

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

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

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Amazon S3

Amazon S3 (Simple Storage Service)とはアマゾン・ウェブ・サービスが提供するオンラインストレージサービスです。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

0回答

1987閲覧

ng-file-uploadをcarrierwaveと連携させて画像をアップロードしたい

aoshima.natsuki

総合スコア33

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Amazon S3

Amazon S3 (Simple Storage Service)とはアマゾン・ウェブ・サービスが提供するオンラインストレージサービスです。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2015/07/17 15:03

編集2022/01/12 10:55

こんばんは。タイトルの通りです。

やりたいことは

  • Rails側はAPIに専念させ、Angularだけでedit画面を制御させたい
  • jpg,gif,pngだけに対応させたい
  • ドラッグ&ドロップでアップロードに対応させたい
  • アップロードされた画像をプレビューさせたい(ページ内に複数のドラッグ&ドロップエリアと、そのそれぞれにプレビューエリアが存在する)
  • アップロードされた画像はDBのimageカラムに格納し、同時にAmazon S3にアップロード(production環境下で)・ローカルアップロード(development環境下で) させたい

になります。carrierwave+S3の設定と動作確認はできているのですが、Angular側のcontrollerとの連携で詰まっています。一番シンプルでわかりやすい方法で実装したいのですがどういった方法がありますでしょうか? (Nginxでイメージサーバを立てることなど検討しましたが、できればcarrierwaveの恩恵を受けたいと考えています)

また、file-upload用のdirectiveはGithubにいろいろ上がっていますが、これが良いよとかいうものはありますか?danialfarid/ng-file-uploadが本家で後ろ2つは派生になるのでしょうか?その辺りも教えていただけると嬉しいです。

danialfarid/ng-file-upload
nervgh/angular-file-upload
Marthyn/angularjs-file-upload-rails

よろしくお願いいたします。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問