====== 이미지 크기 변경 저장 ======
이미지 컴포넌트의 이미지 크기 변경 저장 처리 화면이다.
getimagefileobject API를 통해서 이미지 파일 데이터에 대한 크기 및 품질을 지정하면서 HTML File 오브젝트를 생성하는 기능을 제공한다.
관련 API로 getimagefileobject가 있다.
관련 화면 API로 savefile이 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/IMAGE/image_resizesave
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/IMAGE/image_resizesave.xml|image_resizesave.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/IMAGE/image_resizesave.js|image_resizesave.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/IMAGE/image_resizesave|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
// "PNG 저장" 버튼 이벤트
function btn_getimagefileobject_png_on_click(objInst)
{
var file_png;
// PNG 형식으로 HTML File 오브젝트 생성
file_png = img.getimagefileobject("image.png");
// 파일 크기 표시
factory.consoleprint("file_png size = " + file_png.size);
// 파일 저장 처리
screen.savefile(file_png);
}
// "JPG 저장(품질 100%)" 버튼 이벤트
function btn_getimagefileobject_jpg_100_on_click(objInst)
{
var file_jpg;
// JPG 형식으로 HTML File 오브젝트 생성
file_jpg = img.getimagefileobject("image100.jpg", 0, 0, 0, 1); // 품질 최상
// 파일 크기 표시
factory.consoleprint("file_jpg size = " + file_jpg.size);
// 파일 저장 처리
screen.savefile(file_jpg);
}
// "JPG 저장(품질 50%)" 버튼 이벤트
function btn_getimagefileobject_jpg_50_on_click(objInst)
{
var file_jpg;
// JPG 형식으로 HTML File 오브젝트 생성
file_jpg = img.getimagefileobject("image50.jpg", 0, 0, 0, 0.5); // 품질 중간
// 파일 크기 표시
factory.consoleprint("file_jpg size = " + file_jpg.size);
// 파일 저장 처리
screen.savefile(file_jpg);
}
// "이미지 크기 지정 저장" 버튼 이벤트
function btn_getimagefileobject_size_on_click(objInst)
{
var file_png;
// PNG 형식으로 특정 이미지 크기로 HTML File 오브젝트 생성
file_png = img.getimagefileobject("image_size.png", 2,
this.fld_imagewidth.gettext(), this.fld_imageheight.gettext());
// 파일 크기 표시
factory.consoleprint("file_png size = " + file_png.size);
// 파일 저장 처리
screen.savefile(file_png);
}