Веб-приложение html5 для мобильного safari для загрузки изображений с фотографий.приложение?
можно ли написать веб-приложение HTML5, предназначенное для устройств iOS (iPad, iPhone, iPod Touch), которое может позволить пользователю загружать изображение из файловой системы?
представьте, что вы загружаете новую фотографию в свой аватар twitter через веб-приложение.
10 ответов:
обновление: iOs 6 Safari будет поддерживать загрузку видео и изображений из библиотеки фотографий.
====
Я ненавижу это слово, но это невозможно (сейчас). Вот причины:
1) mobile safari не поддерживает загрузку ничего.
2) mobile safari не может получить доступ к компонентам ios (на самом деле это возможно, но только через phonegap)
другой способ решить эту проблему - дать пользователям личный адрес электронной почты, на который они могут отправлять свои фотографии для автоматической загрузки (например. фото[email protected]).
чуть больше усилий для настройки, но даст последовательный опыт для пользователей на всех устройствах (и не мобильные пользователи могут найти его слишком удобно).
Мне нравится решение picup в http://picupapp.com
Я нашел приемлемую работу для этого. Добавьте ссылку mailTo на странице с предопределенными инструкциями, которая показывает пользователю, как скопировать вставить изображение из его камеры в электронную почту. Затем напишите задание / сценарий, который прослушивает этот почтовый ящик для входящих сообщений электронной почты, удалите изображение и обработайте его соответствующим образом.
это не идеально, но они нажимают на ссылку из safari, а затем нужно только перейти к фотографиям, скопировать и вернуться к вашему приложению. После попытки его на моем телефоне, это больше, чем приемлемая работа вокруг этого позволяет мне двигаться вперед без написания приложения.
<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>
вы сможете загружать фотографии с помощью safari в iOS 6 и далее. Хотя вышеуказанные обходные пути по-прежнему будут необходимы для iOS 5 и ниже.
другое родное приложение iOS (похожее на Picup или iphone-photo-picker) - это Тема Браузера Как Никто Другой До.
идея, о которой я только что подумал, - это текстовое поле, в которое пользователь может вставить url-адрес, позволяя пользователю использовать dropbox или аналогичное приложение и скопировать общедоступный url-адрес файла dropbox. Тогда сервер сможет загрузить с сервера dropbox.
Мне нужно поддерживать типы файлов, отличные от изображений, поэтому похоже, что picupapp не будет работать для меня.
Safari на iOS 6.0 является первым, чтобы добавить поддержку
<input type="file">позволяет:
- снять новое видео или фото
- выберите видео или фотографию из библиотеки
вот как это выглядит на iOS10:
iOS9 представил iCloud Drive и больше опции, включая Dropbox. iOS с 6 по 8 имел только 1-й два опции.
вы можете ограничить типы файлов только фотографиями с помощью :
<input type="file" accept="image/*" >ограничит параметры только фотографиями:
на стороне Android Android 2.2+ является первым, чтобы поддержать приведенный выше код.
отказ от ответственности: Изображение предоставлено труба который обрабатывает запись видео, где я технический директор
Если вы все еще используете iOS5, пожалуйста, рассмотрите возможность использования iCab мобильная. Получил его для моего ipad и (по крайней мере для меня) загрузка файлов работает нормально.
С Уважением, Петр
только для iOS >= 6
<input type="file" accept="image/*" capture>"захват" ничего не меняет с iOS, но он по-прежнему полезен для других устройств (по-видимому, андроидов, см. комментарии).
Comments