====== 파일 기본 가이드======
이 화면은 파일 컴포넌트에 대한 샘플 화면이다.
파일 컴포넌트는 HTML의 file타입 input 태그를 이용한 컴포넌트이다.
selectfiles, readastext, readasdataurl API는 비동기로 각각의 이벤트(on_selectfiles, on_readastext, on_readasdataurl)를 통해서 결과가 전달된다.
관련 속성으로 use_filepath가 있다.
관련 이벤트로 on_selectfiles, on_readastext, on_readasdataurl가 있다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/FILE/file_basic
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/FILE/file_basic.xml|file_basic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/FILE/file_basic.js|file_basic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/FILE/file_basic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
function initialize() {
grd01.deleteall();
fldFileText.settext("");
img01.setimagedata("");
}
////////////////////////////////////////////////
// API
// 파일 선택
function btnSelectFiles_on_mouseup(objInst)
{
initialize();
file01.selectfiles(cb01.getselectedcomment(), chk01.getcheck());
}
// 텍스트파일 읽기
function btnReadAsText_on_mouseup(objInst)
{
initialize();
file01.readastext(null, cb02.getselectedcomment());
}
// 파일을 선택하여 DataURL 읽기
function btnReadAsDataUrl_on_mouseup(objInst)
{
initialize();
file01.readasdataurl(null, "image/*");
}
////////////////////////////////////////////////
// Event
// selectfiles API를 통해 파일선택대화상자에서 파일 선택시 발생하는 이벤트
// arrFiles : 파일목록
function file01_on_selectfiles(objInst, arrFiles)
{
for(var i=0; i