Веб-програма html5 для мобільного сафарі для завантаження зображень із Photos.app?

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

Уявіть, як завантажити нову фотографію у свій аватар у Twitter за допомогою веб-програми.

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

====

Я ненавиджу це слово, але це неможливо (зараз). Ось причини:

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

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

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

Ще трохи роботи над налаштуванням, але це забезпечить постійний досвід для користувачів на всіх пристроях (і немобільним користувачам це теж може бути зручно).

Мені подобається рішення пікапу на http://picupapp.com

Я знайшов прийнятну роботу для цього. Додайте пошту Посилання на сторінку із заздалегідь визначеними інструкціями, що показує користувачеві, як скопіювати вставку зображення зі свого рулону камери в електронне повідомлення. Потім напишіть завдання / сценарій, який прослуховує папку «Вхідні» для вхідних електронних листів, зніміть зображення та обробіть відповідно.

Це не ідеально, але вони натискають посилання з сафарі, а потім потрібно лише перейти до фотографій, скопіювати та повернутися до вашого додатку. Спробувавши це на своєму телефоні, це більше, ніж прийнятна робота, яка дозволяє мені рухатися вперед, не пишучи додаток.

    <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, див. коментарі).