問題タブ [jcrop]

私のページには多くのフォームがあり、魔女のフィールド ID は DB ID に基づいて生成されます。このような：

これにより、すべてのフォームに一意の ID が与えられます。今、私は動作しない指定されたフィールドの値を設定するjqueryフレームワークにJavascript関数を持っています:

値 c.* は問題ありませんが、明らかに#x<?php echo $content->getId()?>機能しません。それを行う適切な方法は何ですか？よろしく。

このウェブサイトにある jquery プラグインのマッシュアップを使用しようとしています。私が知る限り、これは非常に優れたコードですが、いくつか問題があります。

私の主な問題は、Firefox の最大ファイル サイズよりも大きいファイルをアップロードしようとすると、「エラー」という JavaScript アラートが送信されますが、これは本来の動作ですが、Firefox がクラッシュし、プロセスを物理的に終了する必要があります。

私の次の問題は、画像をアップロードしてトリミングターゲットを指定すると、実際にはトリミングされていないように見えるということです。画像のサイズを変更して、小さな領域に合わせます。

私は喜んで自分でコードを掘り下げますが、javascriptについてはほとんど知らず、jQueryについてはほとんど知りませんが、phpについてはかなり知っているので、それほど悪くはありません。

誰かが助けてくれることを願っています、ネイト。

Facebookであなたのプロフィールを想像してみてください。アバターを変更するときは、新しい写真を選択し、トリミングしてから保存します。その後、新しいアバターがプロフィールに表示されます。

私のウェブサイトでは、同じサービスを提供したいと考えています。これはすでに機能しています。

しかし：私は（phpで）それを作成した直後に新しいand（！）トリミングされたアバターを表示することができません。新しいものしか表示できませんが、トリミングされていません。サイトを更新した後、すべてが正常に機能します。

トリミングされていないアバターがサイトに表示される方法がわかりません。もう存在しないからです。それはトリミングされたものに置き換えられました。

どうもありがとうございました！

ベンジャミン

私は Rails 3.0.7 を使用しており、この Railscast をフォローしようとしています: http://railscasts.com/episodes/182-cropping-images。目標は、ユーザーが Jcrop で PaperClip を使用してアップロードされた画像を編集できるようにすることです。ただし、このエラーが発生し続けます：

Jcrop なしで PaperClip を使用すると、画像が正常に読み込まれ、ImageMagick には問題がないため、これは非常に奇妙です。私の development.rb ファイルは次のようになります。

これが実際に Imagemagick が存在する場所であることを確認しました。Jcrop なしで Paperclip と Imagemagick が動作するのに、jquery プラグイン jcrop を追加すると突然動作しなくなるのはなぜですか。command_path を配置する必要がある devlopment.rb 以外の場所はありますか?

または、jcrop 以外に Paperclip を使用してアップロードされたファイルをトリミングする他の方法を知っている人はいますか?

アプリでトリミングを許可しようとしています。ただし、このメソッドを実行すると:

Paperclip の問題のあるコードは次のようになります。

アバターのモデルは次のようになります。

そして、私のdevelopment.rbでImageMagickを見つけるためにPaperclipに与えるルートはこれです：Paperclip.options[:command_path] = "/usr/local/bin/"私が確認したのは実際にImageMagickの本拠地です。

興味深いのは、問題なく画像をアップロードできることです。問題が発生するのは、トリミングするためにこのメソッドを実行しようとしたときだけです。助言がありますか。ペーパークリップの使用 (2.3.11)

JCropを使用してユーザーのプロファイル画像を切り抜くCodeigniterアプリに取り組んでいます。

画像がアップロードされたら、標準的な方法を使用してJcropを実行し、フォームを介して座標を送信します。

これはすべてSafariとFF4.0で完全に機能します。ユーザーがトリミングする領域を選択して送信すると、トリミングされた画像でページが更新されます。

ChromeとIE8では、ユーザーが送信すると、ページは更新されますが、画像はトリミングされません。キッカー->ブラウザで更新を押すと、画像がトリミングされます。

言うまでもなく、これは非常に奇妙です。誰かがこの問題のデバッグを開始する場所を提案していますか？またはこれが以前に発生/説明されているのを見たことがありますか？

助けてくれてありがとう。

編集：まだ解決されていませんが、さらにテストすると、これはCrとIE8のキャッシュの問題である可能性があります。Chromeは、クロップディメンションが送信され、処理され、codeigniterによってサーバーに保存された場合でも、元のアップロードされた画像を保持し、表示しているようです。トリミング用のCIコントローラーの最後に

redirect('/profile/picture', 'refresh');

これは、トリミングされた画像が送信された後に新しいページが読み込まれたときにChromeとIE8に影響を与えませんでした。トリミングされた画像は、ブラウザで「更新」を手動でトリガーした場合にのみ表示されます。

サーバーの画像ファイルを確認したところ、これが確認されました。トリミングされた画像はサーバーに保存されましたが、Chromeに表示される画像ファイル（同じ名前）には、以前のトリミングされていないサイズがあります。

アプリケーションにJcropを使用しようとしていますが、バグが発生しています。デモページに行きましたが、そこにもバグがあります。作成方法は次のとおりです。

このデモページに アクセスしますhttp://deepliquid.com/projects/Jcrop/demos.php?demo=advanced

次のオプションがチェックされていることを確認してください「選択を移動できます」
「サイズ変更可能な選択」「アスペクト比」「minSize/maxSize設定」

選択した領域を作成し、左上隅にドラッグして、選択範囲の右下隅をつかみ（サイズを変更する場合と同じように）、画像の左上隅にドラッグします。

画像の左上隅を通過すると、選択領域が0x0ピクセルの選択に折りたたまれます。

このバグは、アスペクト比が設定されている場合にのみ発生します。それ以外の場合は正常に動作します。

誰かがこのプラグインをハッキングしてこのバグを修正できる可能性がある場所にハッキングした経験があるかどうか疑問に思います。私は一日中それを経験していて、まだそれを理解することができませんでした。

-編集-それでさらに数時間を費やした後、私はバグをほとんど修正することができました。次のコードを変更しました。

これはそれが崩壊するのを防ぎました、しかしそれはまだ少しバグがあります。

-編集終了-

私は (大まかに) RailsCasts チュートリアル #182に従っています。このチュートリアルでは、Paperclip、ImageMagick、および Jcrop を使用して、アップロードされた画像のカスタム トリミングを許可しています。

私はファイル ストレージに Amazon S3 を使用しているため、チュートリアルの一部を調整する必要がありました。私の画像のトリミングされたバージョンが再処理されていない (またはその再処理の結果が S3 に再アップロードされていない) という事実を除いて、すべてが完全に機能しているようです。最初にアップロードしたのと同じ画像 (これは、各画像に保存するすべての画像サイズに当てはまります)。

これが私の機能（機能画像のように）モデルです：

これが私の 'cropper.rb' (ペーパークリップ プロセッサ) です。

私の FeaturesController の関連アクション:

そして、私の「crop.html.erb」ビューの関連行:

問題は、カスタム トリミング (オフセット、トリミング領域など) にエラーがあることではなく、[トリミング] をクリックしてもトリミングが行われないことです。元の画像から取得した画像が残っているだけです。アップロード/処理。「image.reprocess!」は表示されません。まったく発生しています (または、再処理の結果が S3 に保存されていません)。

それはなぜでしょうか?どうすればよいでしょうか?

jQuery プラグイン Jcrop を使用しています。setSelect と呼ばれる初期セットアップ設定の 1 つに問題があります。

このプロパティは、x 座標と y 座標の 2 つのセット (左上隅と右下隅) を持つ配列を受け取ります。

視覚的には、これは私が期待していることとまったく同じです。左上隅が画像 (x および y) の 1/4 の位置にあり、右下隅が画像の右下から画像の 1/4 の位置に切り抜き選択が配置されます。このような：

http://www.codetunnel.com/content/images/VisuallyFine.jpg

しかし、それを動かそうとすると、この位置にジャンプします:

http://www.codetunnel.com/content/images/Jumps.jpg

すぐにそこにジャンプします。私はそこにドラッグしていません。デフォルトの選択範囲をドラッグしようとすると、1 ピクセル以上移動した後にジャンプします。ジャンプ後は普通に動かせます。些細な問題ですが、悩ましいところです。

何か案は？

ペーパークリップ+S3を使用して画像を保存します

画像を使用してオブジェクトを作成すると、すべてがうまくいきます（S3バケットに保存されている4つの異なるサイズの画像の4つのコピー）

問題は、JCropを使用して画像をトリミングするときに発生します。S3は4つのコピーを保存しますが、トリミングされた画像と同じサイズで、実際には大きいサイズです。

私のcontroller.rb：