웹 응용 프로그램에서 이미지의 크기를 자동으로 조정하는 방법은 무엇입니까?

Question

사람들이 이미지를 업로드 할 수있게 해주는 웹 앱을 만들었습니다.이 이미지는 웹 앱 목록에 표시됩니다. 축소판처럼 더 적합한 이미지로 이미지의 크기를 자동으로 조정해야합니다.

Answer 1

당신은 같은 다른 요소에 이미지 태그를 넣을 수 있습니다 {tag_image}

이 그럼 당신은 설정할 수 있습니다 : 이미지 있도록 스타일 시트의 '이미지입니다 IMG {최대 폭 100 %}' 절대로 컨테이너의 너비를 초과하지 말고 이미지 div의 너비를 설정하여 크기를 결정하십시오.

Answer 2

나는 이것이 오래된 게시물 인 것을 알고있다. 그러나 나는 아직도 어떤 생각이없는 사람들을 돕고 싶다. '이미지'유형이있는 웹 응용 프로그램 필드에서 너비와 높이를 이미지 경로에 추가하기 만하면됩니다. 이처럼

: /path/to/my/image.jpg,370,170

출처 : http://iamtheshadowonthesun.blogspot.com/2013/09/adobe-business-catalyst-how-to-specify.html

Answer 3

어도비 비즈니스 촉매가 클라이언트로 전송하기 전에 이미지를 크기 다시하라는 지시와 같은 img 태그의 src URL에 특정 매개 변수를 해석합니다. 이러한 매개 변수는 다음과 같습니다

• Action=thumbnail
• Width (정수)
• Height (정수)
• algorithm (proportional | fill | fill_proportional | proportional_noupscale)
  • proportional는 가로 세로 비율을 유지하고, 최대 것 작은 크기의 이미지. 이것이 기본값입니다.
  • fill 이미지를 잘게 맞추고 작은 이미지를 확대합니다.
  • fill_proportional은 지정된 크기 내에서 하나의 축을 가져 오는 데 필요한만큼 이미지를 축소합니다. 다른 축에있는 여분의 픽셀은 대칭으로 잘립니다. 더 작은 이미지는 업 스케일하지 않습니다.
  • proportional_noupscale은 원본과 동일한 종횡비로 항상 이미지를 반환하고 업 스케일링보다는 패딩을 삽입하며 항상 지정된 치수 내에 완전히 맞 춥니 다. 추가 패딩이 가로 세로 비율을 유지하기 위해 잘립니다.
• Format (png | jpg | gif)
  • 이 파라미터 재 스케일링 후에 반환되는 콘텐츠 타입을 결정한다.

예 : <img src="{tag_yourImageFieldName_value}?Action=thumbnail&Width=320&Height=100&algorithm=fill">

이것은 웹 애플리케이션에 yourImageFieldName 분야에서 이미지를 삽입하고 고 (100)에 의해 폭 320 픽셀에 맞게 그것 스쿼시 것이다. 태그에 _value을 추가하면 BC가 추가 태그없이 URL을 반환합니다.

참조 : Programmatically creating thumbnails from full size images

Answer 4

나는 .. 희망이 도움이 작은 자바 스크립트와 jQuery를

$('.div img').attr('src', function() { 
    return this.src + '?Action=thumbnail&Width=675&Height=503'; 
});//resizing images 

를 사용하여 수행하는 관리 나를 위해 않았다!