Html5 веб-приложение для мобильного сафари для загрузки изображений из Photos.app? - PullRequest
91 голосов
/ 08 октября 2010

Можно ли написать веб-приложение HTML5, разработанное для устройств iOS (iPad, iPhone, iPod Touch), которое позволяет пользователю загружать изображение из файловой системы?

Представьте себе, что вы загружаете новую фотографию в свой аватар Twitter через веб-приложение.

Ответы [ 10 ]

98 голосов
/ 28 октября 2010

ОБНОВЛЕНИЕ: iOs 6 Safari будет поддерживать загрузку видео и изображений из библиотеки фотографий.

====

Я ненавижу это слово, но,это невозможно (сейчас).Вот причины:

1) мобильное сафари не поддерживает загрузку чего-либо.

2) мобильное сафари не может получить доступ к компонентам ios (на самом деле это возможно, но только через )PhoneGap )

28 голосов
/ 21 августа 2011

Другим способом решения этой проблемы может быть предоставление пользователям личного адреса электронной почты, на который они могут отправлять свои фотографии по электронной почте для автоматической загрузки (например, photos+abc123@yoursite.com).

Немного больше работы по настройке, но она даст согласованный опыт для пользователей на всех устройствах (и немобильные пользователи могут также найти это удобным).

9 голосов
/ 17 ноября 2011

Мне нравится решение Picup на http://picupapp.com

8 голосов
/ 27 марта 2012

Я нашел приемлемое решение для этого. Добавьте ссылку 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>
6 голосов
/ 12 июня 2012

Вы сможете загружать фотографии с помощью Safari в iOS 6 и выше.Хотя вышеупомянутые обходные пути все еще будут необходимы для iOS 5 и ниже.

2 голосов
/ 09 мая 2012

Еще одно нативное iOS-приложение (похожее на Picup или iphone-photo-picker) - Aurigma Up .

1 голос
/ 10 ноября 2016

Safari на iOS 6.0 является первым, кто добавил поддержку <input type="file">, позволив вам:

  • сделать новое видео или фото
  • выберите видео или фото из библиотеки

Вот как это выглядит на iOS10:

iOS 10 file input no filter

iOS9 представил iCloud Drive и Дополнительные опции, включая Dropbox . В iOS 6–8 были только первые две опции.

Вы можете ограничить типы файлов только фотографиями, используя атрибут accept="image/*":

<input type="file" accept="image/*" > ограничит опции только фотографиями:

iOS 10 file input for photos

На стороне Android Android 2.2 + является первым, кто поддерживает вышеуказанный код.

Отказ от ответственности: любезность изображения Труба , которая обрабатывает запись видео, где я нахожусь CTO

1 голос
/ 27 марта 2012

Идея, о которой я только что подумал, - это иметь текстовое поле, в которое пользователь мог бы вставить URL-адрес, позволяя пользователю использовать Dropbox или подобное приложение и скопировать общедоступный URL-адрес файла Dropbox. Тогда сервер сможет загрузить с сервера Dropbox.

Мне нужно поддерживать типы файлов, отличные от изображений, чтобы казалось, что Picupapp не будет работать для меня.

0 голосов
/ 28 октября 2014

Только для iOS> = 6

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

«Захват» ничего не меняет в iOS, но все же полезен для других устройств (очевидно, для Android, см. Комментарии).

0 голосов
/ 05 июля 2012

Если вы все еще используете iOS5, рассмотрите возможность использования iCab Mobile. Получил его для моего ipad и (по крайней мере для меня) загрузка файла работает нормально.

С уважением, Петр

...