Một ứng dụng web html5 dành cho safari di động để tải lên hình ảnh từ ứng dụng Photos.app?

Có thể viết một ứng dụng web HTML5 được thiết kế cho các thiết bị iOS (iPad, iPhone, iPod Touch) có thể cho phép người dùng tải lên hình ảnh từ hệ thống tệp không?

Hãy tưởng tượng tải một ảnh mới lên ảnh đại diện twitter của bạn thông qua một ứng dụng web.

CẬP NHẬT: iOs 6 Safari sẽ hỗ trợ tải lên video và hình ảnh từ Thư viện ảnh.

====

Tôi ghét từ này, nhưng, nó là không thể (cho đến nay). Đây là lý do:

1) Safari di động không hỗ trợ tải lên bất cứ điều gì.

2) Safari di động không thể truy cập các thành phần của ios (thực sự thì có thể, nhưng chỉ thông qua phonegap )

một cách khác để tiếp cận vấn đề này là cung cấp cho người dùng một địa chỉ email riêng mà họ có thể gửi ảnh của họ qua email để tải lên tự động (ví dụ: photos+abc123@yoursite.com).

Thêm một chút công việc để thiết lập, nhưng sẽ mang lại trải nghiệm nhất quán cho người dùng trên tất cả các thiết bị (và người dùng không sử dụng thiết bị di động cũng có thể thấy thuận tiện).

Tôi thích giải pháp picup tại http://picupapp.com

Tôi tìm thấy một công việc chấp nhận được xung quanh cho điều này. Thêm liên kết mailTo trên trang với các hướng dẫn được xác định trước cho người dùng biết cách sao chép, dán hình ảnh từ thư viện ảnh của họ vào email. Sau đó, viết một công việc / tập lệnh lắng nghe hộp thư đến đó cho các email đến, tách hình ảnh và xử lý cho phù hợp.

Nó không hoàn hảo, nhưng họ nhấp vào liên kết từ safari và sau đó chỉ cần vào ảnh, sao chép và quay lại ứng dụng của bạn. Sau khi thử nó trên điện thoại của tôi, nó còn hơn cả một công việc có thể chấp nhận được cho phép tôi tiến lên phía trước mà không cần viết Ứng dụng.

    <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>

Bạn sẽ có thể tải ảnh lên bằng safari trong iOS 6 trở đi. Mặc dù các giải pháp trên vẫn cần thiết cho iOS 5 trở xuống.

Một ứng dụng iOS gốc khác (tương tự như Picup hoặc iphone-photo-picker) là Aurigma Up .

Safari trên iOS 6.0 là ứng dụng đầu tiên bổ sung hỗ trợ <input type="file">bằng cách cho phép bạn:

• quay video hoặc chụp ảnh mới
• chọn một video hoặc ảnh từ thư viện

Đây là giao diện của nó trên iOS10:

iOS9 giới thiệu iCloud Drive và các tùy chọn khác bao gồm Dropbox . iOS 6 đến 8 chỉ có hai tùy chọn đầu tiên.

Bạn có thể giới hạn các loại tệp chỉ ảnh bằng cách sử dụng accept="image/*"thuộc tính:

<input type="file" accept="image/*" > sẽ giới hạn các tùy chọn chỉ cho ảnh:

Về phía Android, Android 2.2+ là ứng dụng đầu tiên hỗ trợ mã trên.

Tuyên bố từ chối trách nhiệm: hình ảnh lịch sự của Pipe xử lý quay video nơi tôi là CTO

Một ý tưởng mà tôi vừa nghĩ ra là có một hộp văn bản mà người dùng có thể dán url vào, cho phép người dùng sử dụng hộp kéo thả hoặc một ứng dụng tương tự và sao chép url công khai của tệp hộp kéo thả. Sau đó, máy chủ sẽ có thể tải xuống từ máy chủ dropbox.

Tôi cần hỗ trợ các loại tệp khác ngoài hình ảnh để có vẻ như picupapp sẽ không hoạt động với tôi.

Nếu bạn vẫn đang sử dụng iOS5, vui lòng xem xét sử dụng iCab Mobile. Có nó cho ipad của tôi và (ít nhất là đối với tôi) tải lên tệp hoạt động tốt.

Trân trọng, Piotr

Chỉ dành cho iOS> = 6

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

"capture" không thay đổi bất cứ điều gì với iOS nhưng nó vẫn hữu ích cho các thiết bị khác (dường như là Android, xem nhận xét).