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が機能していないと思います。何が問題になるのか誰にもわかりますか?