0

Railscasts 182 を使用して、アップロードされた画像をトリミングしています。ビデオに従って、私はこれを実装しました:

プロフィールページに画像をアップしています。これが私のプロファイルコントローラーです:

def edit
  @profile = current_user.profile
  if @profile.photo.nil?
    redirect_to current_user.profile
  else
    render :action => "crop"
  end
end

def update
  @profile = current_user.profile
  if @profile.update_attributes(params[:profile])
    if @profile.photo.nil?
      redirect_to current_user.profile
    else
      render :action => "crop"
    end
  else
    render :edit
  end
end

ビデオによると、私のcrop.html.erbファイルは次のとおりです。

<% "Crop avatar" %>

<% content_for(:head) do %>
  <%= stylesheet_link_tag "jquery.Jcrop" %>
  <%= javascript_include_tag "jquery.Jcrop.min" %>
  <script type="text/javascript">
  $(function(){
    $("#cropbox").jCrop();
  });
  </script>
<% end %>

<%= image_tag @profile.photo.avatar.url(:big), :id => "cropbox" %>

そして、私はこれらを私の中に追加しましたapplication.html.erb:

<%= javascript_include_tag "jquery.min" %>
<%= yield(:head) %>

画像を送信すると、無地の画像が表示されます。選択カーソルが表示されないため、ビデオに示されているように画像上の領域を選択できません。

Jcropが機能していないと思います。何が問題になるのか誰にもわかりますか?

4

1 に答える 1