問題タブ [cloudinary]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - ファイルのアップロード時に CORS プリフライト リクエストを回避するにはどうすればよいですか?
jquery-fileupload を使用して、ユーザーがファイルを外部サービスにアップロードできるようにしています (具体的には Cloudinary です)。
これは外部ターゲットであるため、ブラウザーは CORS 要求を開始します。ただし、ブラウザーが CORS プリフライト リクエストを先頭に追加していることに気付きました。 http://www.html5rocks.com/en/tutorials/cors/は、プリフライト リクエストがいつトリガーされ、いつトリガーされないかについて、非常に優れた洞察を提供します。私の知る限り、私のリクエストは CORS の単純なリクエストであるというすべての基準を満たしています (セクション「CORS リクエストのタイプ」を参照)。
外部サービスに送信されるファイルアップロード リクエスト:
ファイル アップロード リクエストの前に外部サービスに送信される追加のプリフライトリクエスト:
この余分なプリフライト リクエストを回避する方法はありますか? 私が見る限り、ファイル アップロード リクエストは、Content-Type multipart/form-data と単純なリクエスト HTTP ヘッダーのみを含む HTTP POST であるため、CORS の単純なリクエストです。
余分なプリフライト リクエストを削除したい理由は、Cloudinary がファイル アップロードへの応答として HTTP 302/304 リダイレクトを送信するためです。ブラウザはこれらのリダイレクトに従いません。Chrome は次のメッセージで失敗します。
ruby-on-rails - HTTP または HTTPS による画像の提供
レギュラーcl_image_tag(carrierwave_object)
を使用すると常にhttp://cloudinary-url
URL が生成され、https 経由で Web サイトに接続している場合、ほとんどのブラウザーでロードに失敗します。ブラウザーがすべての呼び出しを見つけて手動で変更すること//cloudinary-url
なく、プロトコル自体を選択できるように、cloudinary サーブ URL を作成することは可能ですか?cl_image_tag
cloudinary_rb
Rails 3.2.xでgemを使用していることに注意してください
ありがとう!
ruby-on-rails - Lib ファイル内の Cloudinary ヘルパーへのアクセスに関する問題
RedCarpet マークダウン パーサーを拡張して、アプリケーションで作成したメディア ライブラリの画像を使用しようとしています。
Cloudinary をイメージ ストア/CDN として使用しており、イメージのパブリック ID を Cloudinary に格納するメディア テーブルがあります。それはすべて良いことです。
以下のコードを含む reddress.rb というファイルを /lib の下に作成しました。これをしばらく使用して、マークダウン形式のテキストを問題なくレンダリングしています。ただし、現在、cloudinary メソッドを使用して、ID を介してメディア レコードを参照するショートコードでマークダウンを拡張しようとしています。
問題は、.rb ファイルが必要な場合でも、コードが cloudinary ヘルパーで cl_image_tag メソッドを見つけられないことです。
ライブラリが呼び出され、cl_image_tag が配置されていなくても動作し、サーバーを再起動しました (変更が行われるたびに再起動する必要があります)。
Ruby 2.0.0 で Rails 4 を使用しています。
助言がありますか?
ruby-on-rails - Cloudinary: cloudinary_url() メソッドのフォールバック
cloudinary_url()
Cloudinary が利用できない場合 (dev オフラインで作業している場合など)に使用する場合のフォールバック オプションはありますか?
この特定のケースでは、静的アセットを Cloudinary にアップロードcloudinary_url
し、css で使用して背景画像を取得しています。例えば:
ただし、Cloudinary が利用できない場合は、これをフォールバックしたいと考えています。/assets/images/background.jpg
ruby-on-rails - CKEditor、CarrierWave、Cloudinary 画像アップロード
ブログ作成ページに CKEditor を追加しようとしている Rails 4 アプリがあります。実際にはいくつかの問題がありますが、ここでは 1 つだけに固執します。
現在Image
、Cloudinary に問題なく画像をアップロードできるモデルがあります。完璧に動作します。
私の宝石ファイル:
ckeditor rails コマンドも実行しました。
rails generate ckeditor:install --orm=active_record --backend=carrierwave
数日間これに固執していたので、行ったすべての手順を覚えていませんが、この時点で画像にリンクできたと思います。ローカルに保存することさえできると思います. Cloudinaryに保存したいことを除けば、素晴らしいです...
頭のてっぺんから、ファイルをミラーリングしようとしたことを覚えていますが、機能しませんでした。また、内部でImageUploader.rb
スワップアウトしようとしたことも知って
います。CKEditorPictureUploader
models/ckeditor/picture.rb
CKEditor Carrierwave Cloudinary
この StackOverflow の投稿の提案を試してみると、画像をサーバーにアップロードするように動作しますが、その後は永遠にハングアップします。chrome ではエラーが見られなかったので、単に遅いのではないかと思ったのですが、一晩そのままにしておくと、同じ場所に戻ってきました。それで、私はfirefoxに行き、firebugを開いて、投稿しようとしていることに気付きましたが500 internal server error
、リンクされたSO投稿の提案を受けていました。POST pictures?CKEDITOR=blog...
firebug のエラーをクリックすると、次のようになります。
私はここで完全に立ち往生しています...
javascript - $injector:modulerr $injecto によりモジュール cloudinary のインスタンス化に失敗しました
私はMEANアプリケーションを構築しています。このテンプレートから始めました: https://github.com/linnovate/mean
モジュール(cloudinaryと呼ばれる)を追加したいので、これに従いました:http://cloudinary.com/documentation/node_integration#getting_started_guide (つまり、npmをインストールして、server.jsに構成を追加しました)
これも bower.json に追加しました。
ところで、これは必要ですか?public/lib リポジトリにある cloudinary js ファイルにアクセスできるようにしました。これは良い習慣ですか?よくわかりませんが、とにかく public/lib/cloudinary 担当者を作成しました。
次に、これを app.js に追加しました。
私は直接HTMLアップロードのためにこれをフローしました: http://cloudinary.com/documentation/node_image_upload#direct_uploading_from_the_browser
そこで、これを assets.json ファイルに追加しました (フッターのすべてのページに追加します:
アプリにアクセスすると、次の js エラーが発生します。
私はおそらくどこかで何かを宣言するのを忘れていましたが、どこを見てもわかりません...
javascript - コントローラーから cloudinary モジュールを呼び出す方法
私は MEAN-STACK アプリケーションを構築しており (これは私にとっては新しいことです)、このテンプレートから始めました: https://github.com/linnovate/mean
モジュール(cloudinaryと呼ばれる)を追加したいので、これに従いました: http://cloudinary.com/documentation/node_image_upload#direct_uploading_environment_setup
(npmのインストール、bowerなど....完了)
私はこの行で立ち往生しています(それを行う方法がわかりません):
cloudinary.uploader.image_upload_tag('image_id', { callback: cloudinary_cors });
私のアプリには、コントローラーとサービスがあります。これをコントローラーに入れると、「cloudinary is undifined」というメッセージが表示されます。サービスファイルに入れるべきかもしれませんが、方法がわかりません。コントローラーから「cloudyPost()」関数を呼び出すファイルをアップロードすることになっている入力を使用して、html ページにフォームを作成します。
これが私のコントローラー、サービス、およびページのコードです。
mycars.js (サービス):
mycars.js (コントローラー):
私のHTMLページ:
これらすべてを統合して機能させるのを手伝ってくれませんか。ありがとうございました。
最後に私のページに含まれている js をここに追加します):