아이폰, 아이패드 웹에서 이미지 버튼으로 파일업로드

아이폰, 아이패드 웹에서 이미지 버튼으로 파일업로드

이미지버튼으로 파일을 업로드요청을 하기 위해 우리는

	<input type="file" assets="image/*" id="fileupload" style="dilplay:block; opacity:0" />
    <button class="btn"  onclick="$('fileupload').trigger('click')">up</button>

이렇게 자주 사용해 왔습니다.

그런데, ios에서는 이렇게하면 아무런 변화가 없습니다.
그래서 찾아 낸 것이 label 로 감싸는 것입니다.

<label><input type="file" id="fileid" name="file" style="position:absolute; left:-9999px;" />
<div class="btn">up</div>
</label>

또는

<label for="fileid">
	<div class="btn">up</div>
</label>

<input type="file" assets="image/*" id="fileid" style="dilplay:block; opacity:0" />

주의 할점은
버튼 테크로는 안되고 일반 텍스트나 div 테그로는 됩니다.