Aplikacja internetowa html5 dla mobilnego safari do przesyłania zdjęć ze zdjęć.aplikacja?

Czy możliwe jest napisanie aplikacji internetowej HTML5 przeznaczonej dla urządzeń z systemem iOS (iPad, iPhone, iPod Touch), która pozwoli użytkownikowi przesłać obraz z systemu plików?

Wyobraź sobie przesyłanie nowego zdjęcia do swojego awatara na Twitterze za pomocą aplikacji internetowej.

Author: Robert Harvey, 2010-10-08

10 answers

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

====

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

1) mobile safari nie obsługuje wysyłania niczego.

[[0]}2) mobile safari nie ma dostępu do komponentów ios (w rzeczywistości może, ale tylko przez phonegap)
 98
Author: Alexandre,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-12-18 22:31:53

Innym sposobem rozwiązania tego problemu byłoby podanie użytkownikom prywatnego adresu e-mail, na który mogą wysyłać swoje zdjęcia do automatycznego przesłania (np. zdję[email protected]).

Trochę więcej pracy, aby skonfigurować, ale da spójne doświadczenie dla użytkowników na wszystkich urządzeniach(i nie-mobilnych użytkowników może znaleźć to wygodne zbyt).

 28
Author: Josh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-20 20:41:36

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

 9
Author: Joa,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-11-17 18:54:44

Znalazłem akceptowalną pracę dla tego. Dodaj link mailTo na stronie z predefiniowanymi instrukcjami, które pokazuje użytkownikowi, jak skopiować wklej obraz z jego rolki aparatu do wiadomości e-mail. Następnie napisz zadanie / skrypt, który słucha tej skrzynki odbiorczej dla przychodzących wiadomości e-mail, Usuń obraz i odpowiednio przetworz.

To nie jest idealne, ale klikają link z safari, a następnie wystarczy przejść do zdjęć, skopiować i wrócić do aplikacji. Po wypróbowaniu go na moim telefonie, to więcej niż akceptowalna praca, która pozwala mi iść 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:[email protected]?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>
 8
Author: EnriqueL,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-03-26 23:24:58

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

 6
Author: milan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-06-11 22:33:27

[[0]} kolejną natywną aplikacją na iOS (podobną do Picup lub iphone-photo-picker) jest Aurigma Up .

 2
Author: Ian Dunn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-05-09 18:00:01

Pomysł, o którym właśnie pomyślałem, to mieć pole tekstowe, do którego użytkownik może wkleić adres url, umożliwiając użytkownikowi korzystanie z dropbox lub podobnej aplikacji i skopiowanie publicznego adresu url pliku dropbox. Wtedy serwer będzie mógł pobierać z serwera dropbox.

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

 1
Author: Thymine,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-03-27 01:05:54

Safari na iOS 6.0 jest pierwszym, który dodaje obsługę <input type="file">, pozwalając na:

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

Oto Jak to wygląda na iOS10:

iOS 10 file input no filter

IOS9 wprowadził iCloud Drivei więcej opcji, w tym Dropbox. iOS od 6 do 8 miał tylko dwie pierwsze opcje.

Możesz ograniczyć typy plików do tylko zdjęć za pomocą accept="image/*" atrybut:

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

wprowadzanie plików iOS 10 do zdjęć

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

Zastrzeżenie: Zdjęcie dzięki uprzejmości Pipe która obsługuje nagrywanie wideo gdzie jestem CTO

 1
Author: Octavian Naicu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-11-10 13:56:47

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

Pozdrawiam, Piotr

 0
Author: Piotr Justyna,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-07-05 08:56:30

Tylko dla iOS > = 6

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

"capture" nic nie zmienia w iOS, ale nadal jest przydatny dla innych urządzeń (najwyraźniej Androidy, Zobacz komentarze).

 0
Author: Erdal G.,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-11-14 13:22:01