Aplikacja internetowa html5 do mobilnego safari do przesyłania zdjęć z aplikacji Photos.app?

Czy można napisać aplikację internetową HTML5 przeznaczoną na urządzenia z systemem iOS (iPad, iPhone, iPod Touch), która umożliwi użytkownikowi przesyłanie obrazu z systemu plików?

Wyobraź sobie, że przesyłasz nowe zdjęcie do swojego awatara na Twitterze za pośrednictwem aplikacji internetowej.

AKTUALIZACJA: iOs 6 Safari będzie obsługiwać przesyłanie filmów i obrazów z biblioteki zdjęć.

====

Nienawidzę tego słowa, ale jest to niemożliwe (teraz). Oto powody:

1) mobilne safari nie obsługuje przesyłania niczego.

2) mobilne safari nie ma dostępu do komponentów ios (w rzeczywistości może, ale tylko przez phonegap )

Innym sposobem rozwiązania tego problemu byłoby udostępnienie użytkownikom prywatnego adresu e-mail, na który mogą wysłać swoje zdjęcia w celu automatycznego przesłania (np. photos+abc123@yoursite.com).

Trochę więcej pracy przy konfiguracji, ale zapewni spójne wrażenia użytkownikom na wszystkich urządzeniach (a dla użytkowników innych niż mobilne może to być wygodne).

Podoba mi się rozwiązanie picup na http://picupapp.com

Znalazłem akceptowalną obejście tego problemu. Dodaj link mailTo na stronie z predefiniowanymi instrukcjami, które pokazują użytkownikowi, jak skopiować obraz z rolki aparatu do wiadomości e-mail. Następnie napisz zadanie / skrypt, który nasłuchuje tej skrzynki odbiorczej pod kątem przychodzących wiadomości e-mail, usuń obraz i odpowiednio przetwórz.

To nie jest idealne, ale klikają link z safari, a następnie muszą tylko przejść do zdjęć, skopiować i wrócić do Twojej aplikacji. Po wypróbowaniu go na telefonie jest to więcej niż akceptowalna praca, która pozwala mi przejść do przodu bez pisania aplikacji.

    <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>

Będziesz mógł przesyłać zdjęcia za pomocą safari w iOS 6 i nowszych. Chociaż powyższe obejścia będą nadal konieczne w przypadku iOS 5 i starszych.

Inną natywną aplikacją na iOS (podobną do Picup lub iPhone-Photo-Picker) jest Aurigma Up .

Safari na iOS 6.0 jest pierwszą, która dodaje obsługę <input type="file">, umożliwiając:

• zrób nowy film lub zdjęcie
• wybierz film lub zdjęcie z biblioteki

Oto jak to wygląda na iOS10:

iOS9 wprowadził iCloud Drive i więcej opcji, w tym Dropbox . iOS 6 do 8 miał tylko pierwsze dwie opcje.

Możesz ograniczyć typy plików do samych zdjęć, używając accept="image/*"atrybutu:

<input type="file" accept="image/*" > ograniczy opcje tylko do zdjęć:

Po stronie Androida Android 2.2+ jest pierwszym, który obsługuje powyższy kod.

Zastrzeżenie: zdjęcie dzięki uprzejmości Pipe, która zajmuje się nagrywaniem wideo, gdzie jestem CTO

Pomysł, o którym właśnie pomyślałem, to mieć pole tekstowe, do którego użytkownik mógłby wkleić adres URL, umożliwiając mu korzystanie ze skrzynki lub podobnej aplikacji i kopiowanie publicznego adresu URL pliku skrzynki. Wtedy serwer będzie mógł pobierać pliki z serwera skrzynki domyślnej.

Muszę obsługiwać typy plików inne niż obrazy, więc wygląda na to, że picupapp nie będzie działać dla mnie.

Jeśli nadal używasz iOS5, rozważ użycie iCab Mobile. Mam to na iPada i (przynajmniej dla mnie) przesyłanie plików działa dobrze.

Pozdrawiam, Piotr

Tylko dla iOS> = 6

<input type="file" accept="image/*" capture>

„Przechwytywanie” niczego nie zmienia w iOS, ale nadal jest przydatne na innych urządzeniach (najwyraźniej Androidach, zobacz komentarze).