사용자 URL 입력을 미리보기 이미지로 표시하려면 어떻게해야합니까?

Question

내가 여기에 같은 페이지 에 해당 이미지의 썸네일을 표시 사용자로부터 이미지 URL을 가지고에 제출할 내가이의 URL을 표시

<%= form_for([@project, @project.uploads.build]) do |f| %> 
<div class="field"> 
    <%= f.label :url %><br /> 
    <%= f.text_field :url %> 
    </div> 
    <div class="actions"> 
    <%= f.submit %> 
    </div> 
<% end %> 

후 사용자로부터 URL을하는 방법입니다 같은 페이지

<p> 
    <%= upload.url %> | 

    <%= link_to 'Delete', [upload.project, upload], 
      :confirm => 'Are you sure?', 
      :method => :delete %> 
</p> 

대신에 미리보기 이미지를 표시하고 싶습니다. 어떻게 할 수 있습니까?

Answer 1

image_tag는 찾고있는 레일스 메소드입니다. (http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-image_tag)이다. 업로드 된 URL을 소스로 사용하십시오. 그런 다음 : size 옵션을 사용하거나 이미지 태그에 클래스를 설정하고 CSS를 통해 크기를 조절합니다.

그 방법은 물론 실제 이미지의 크기를 조정하지 않으며 사용자의 브라우저는 더 큰 파일을 풀다운하고 브라우저에서 크기를 조정합니다. 전체 크기 버전이기 때문에 전체 크기 버전과 동일한 대역폭을 사용합니다.

이미지에 대한 사후 처리를 수행하고 실제 축소판을 실제 크기 조정하려면 CarrierWave Gem (https://github.com/jnicklas/carrierwave)을 사용하는 것이 좋습니다. 문서가 꽤 괜찮으므로 여기에서 사용하는 방법을 배우지 않겠습니다.