사용자가 파일 시스템에서 이미지를 업로드 할 수있는 iOS 장치 (iPad, iPhone, iPod Touch) 용으로 설계된 HTML5 웹 애플리케이션을 작성할 수 있습니까?
웹 앱을 통해 트위터 아바타에 새 사진을 업로드한다고 상상해보십시오.
답변:
이 문제에 접근하는 또 다른 방법은 사용자에게 자동 업로드를 위해 사진을 이메일로 보낼 수있는 개인 이메일 주소를 제공하는 것입니다 (예 : photos+abc123@yoursite.com).
설정하는 데 약간의 작업이 더 필요하지만 모든 장치의 사용자에게 일관된 경험을 제공합니다 (모바일이 아닌 사용자도 편리하다고 느낄 수 있음).
http://picupapp.com 의 picup 솔루션을 좋아합니다 .
나는 이것에 대한 적절한 해결책을 찾았습니다. 사용자가 카메라 롤에서 이메일로 이미지를 복사하여 붙여 넣는 방법을 보여주는 사전 정의 된 지침이있는 페이지에 mailTo 링크를 추가합니다. 그런 다음 수신함에서 수신 이메일을 수신하는 작업 / 스크립트를 작성하고 이미지를 제거하고 그에 따라 처리합니다.
완벽하지는 않지만 사파리에서 링크를 클릭 한 다음 사진으로 이동하여 복사 한 다음 앱으로 돌아 오면됩니다. 내 휴대 전화에서 시도한 후에는 앱을 작성하지 않고도 앞으로 나아갈 수있는 적절한 해결 방법이 아닙니다.
<div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
<h3>{l t='Upload Picture'}</h3>
<a href="mailto:fotos@opina.com?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email. We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>
iOS 6 이상에서 safari를 사용하여 사진을 업로드 할 수 있습니다. 위의 해결 방법은 iOS 5 이하에서는 여전히 필요합니다.
또 다른 기본 iOS 애플리케이션 (Picup 또는 iphone-photo-picker와 유사)은 Aurigma Up 입니다.
iOS 6.0의 Safari 는 다음 <input type="file">
을 허용하여 지원을 추가 한 최초의 제품입니다 .
iOS10에서의 모습은 다음과 같습니다.
iOS9는 iCloud Drive 및 Dropbox를 포함한 기타 옵션을 도입했습니다 . iOS 6 ~ 8에는 처음 두 가지 옵션 만있었습니다.
다음 accept="image/*"
속성 을 사용하여 파일 유형을 사진으로 제한 할 수 있습니다 .
<input type="file" accept="image/*" >
옵션을 사진으로 만 제한합니다.
Android 측에서 Android 2.2+ 는 위의 코드를 지원하는 첫 번째 버전 입니다.
면책 조항 : 내가 CTO 인 비디오 녹화를 처리 하는 Pipe 이미지 제공
iOS 6 이상인 경우에만
<input type="file" accept="image/*" capture>
"캡처"는 iOS에서 아무것도 변경하지 않지만 다른 장치에는 여전히 유용합니다 (명백하게는 Android, 주석 참조).
capture="camera"
(문자열)은 capture="capture"
W3C 후보 권장 사항에서 로 대체되었습니다 . 두 경우 모두 Android에서만 작동합니다.