Веб-приложение html5 для мобильного сафари для загрузки изображений из Photos.app?

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

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

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

====

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

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

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

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

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

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

Я нашел для этого приемлемую работу. Добавьте ссылку 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 и новее. Хотя вышеупомянутые обходные пути все равно будут необходимы для iOS 5 и ниже.

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

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

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

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

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

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

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

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

Отказ от ответственности: изображение любезно предоставлено Pipe, которая занимается записью видео, где я являюсь техническим директором

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

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

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

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

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

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

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